How to use ng-repeat in array of objects?

Question

Do you have an idea ?

I tried to make an Array of arrays with ng-repeat like this :

function MyCtrl($scope) {
    $scope.items = 
        [
         {'adam1': [{id:10, content:test1}, {id:11, content:test2},          
                    {id:12, content:test3}]}, 
         {'adam2': [{id:20, content:test4}, {id:21, content:test5},          
                    {id:30, content:test6}]}, 
         {'adam1': [{id:10, content:xxx}]}
         ];
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="(key, value) in items">{{key}}: {{value.content}}</li>
    </ul>
</div>

Michel · Accepted Answer · 2015-10-20 12:24:26Z

1

One way to do that (fiddle):

<div ng-repeat="item in items">
    <ul ng-repeat="(key, value) in item">
        <li ng-repeat="obj in value">{{obj.content}}</li>
    </ul>
</div>

That said you might want to rearrange the structure so as to avoid nested ng-repeat.

answered Oct 20, 2015 at 12:24

Michel

28.6k6 gold badges67 silver badges72 bronze badges

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

Comments

mccc · Accepted Answer · 2015-10-20 12:25:08Z

0

Your method of assigning variables works fine, but probably not as you're expecting: updated jsfiddle

The content item will not be available, as value is each object within the main array; you'll need to cycle through their properties (i.e. the adamX keys) to get the nested arrays.

answered Oct 20, 2015 at 12:25

mccc

2,4541 gold badge21 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to use ng-repeat in array of objects?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related