Repeating an object or arrays within an Repeated object in AngularJS

Question

Is there a way to repeat an object or array of items within an object already repeated? As an example if I have this set up:

items = [
  {name: 'title', person: [ person1, person2, person3, etc. ]},
  {name: 'title2', person: [ person1, person2, person3, etc. ]}
]

And in the html

<div ng-repeat="item in items">
    <h2>{{item.name}}</h2>
    <ul>
    <li>{{item.person}</li>
    </ul>
</div>

I'd like to loop the people in the person array. I do not want to just have the array of people in the that ONE li. Is there a way to accomplish this within an ng-repeat?

for that li use ng-repeat="person in item.person"

ODelibalta
– ODelibalta

2013-11-07 20:42:18 +00:00
Commented Nov 7, 2013 at 20:42 — ODelibalta
– ODelibalta, Commented Nov 7, 2013 at 20:42

musically_ut · Accepted Answer · 2013-11-07 20:41:51Z

3

Nested ng-repeat can do that:

<div ng-repeat="item in items">
    <h2>{{item.name}}</h2>
    <ul>
    <li ng-repeat="person in item.person">{{person}}</li>
    </ul>
</div>

answered Nov 7, 2013 at 20:41

musically_ut

34.3k9 gold badges98 silver badges110 bronze badges

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

Collectives™ on Stack Overflow

Repeating an object or arrays within an Repeated object in AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related