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 — Leonard Brünings
– Leonard Brünings, Commented May 22, 2014 at 14:10

tasseKATT · Accepted Answer · 2014-05-22 14:12:45Z

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, 2014 at 14:12

tasseKATT

38.5k8 gold badges87 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1