Repeating multiple elements with ng-repeat

Question

I need to repeat 2 divs together, i.e. I would like to do something like this:

<!-- some ng-repeat="item in items" goes here  -->
   <div>{{item.name}}</div>
   <div>{{item.id}}</div>
<!-- end of ng-repeat -->

so that it produces a list of divs like

<div>name1</div>
<div>id1</div>
<div>name2</div>
<div>id2</div>

I cannot wrap my divs into an additional element. Is it possible to achieve this with angularjs?

possible duplicate of [AngularJS ng-repeat with no html element](http://stackoverflow.com/questions/12857714/angularjs-ng-repeat-with-no-html-element) — Leonard Brünings, May 22 '14 at 14:10

score 2 · Accepted Answer · answered May 22 '14 at 14:12

2

Use ng-repeat-start and ng-repeat-end:

<div ng-repeat-start="item in items">{{item.name}}</div>
<div ng-repeat-end>{{item.id}}</div>

Note that this requires AngularJS 1.2 or later.

answered May 22 '14 at 14:12

tasseKATT

1 Answers1