current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 1 down vote favorite

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?

share|improve this question
    
for that li use ng-repeat="person in item.person" –  Sage Nov 7 '13 at 20:42

1 Answer 1

up vote 3 down vote accepted

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>
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.