How to iterate through an array within the object in angular

Question

This is how the array is in the data:

$scope.persons = [{
 cc:["abqwQe12c", "iu63enWzy", "dj101OQaQ"]
},
 {
cc:["erie1wka", "irt2naszsd", "riger1OQ"]
}]

In html it displays as an array when called like this {{person.cc}}. But below doesn't give anything.

 <div ng-repeat = "person in persons"> 
   <div ng-repeat = "ccs in person"> 
    {{ccs.cc}} 
   </div>  
</div>

charlietfl · Accepted Answer · 2016-01-21 03:36:28Z

3

You want the inner repeat to loop over the person.cc property array

 <div ng-repeat = "person in persons"> 
    <div ng-repeat = "ccs in person.cc"> 
       {{ccs}} 
     </div> 
 </div>

answered Jan 21, 2016 at 3:36

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

1 Answer 1