Sunday, June 2, 2024
 Popular · Latest · Hot · Upcoming
70
rated 0 times [  74] [ 4]  / answers: 1 / hits: 32023  / 9 Years ago, fri, july 31, 2015, 12:00:00

Is it possible to use ng-repeat with an array of arrays?



Here's my view:



<div ng-repeat=item in items>
<p>{{item}}</p>
<ul>
<li ng-repeat=i in item.items>{{i}}</li>
</ul>
</div>


Here's my controller:



  var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.items = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
]
});


Here's my Plunker:


http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=preview



How can I output:




  • 1

  • 2

  • 3







  • 4

  • 5

  • 6







  • 7

  • 8

  • 9


More From » arrays

 Answers
4

Your problem lies with this line:



<li ng-repeat=i in item.items>{{i}}</li>


item.items is undefined because item is an array.



You should enumerate item instead of item.items:



<body ng-controller=MainCtrl>
<div ng-repeat=item in items>
<ul>
<li ng-repeat=i in item>{{i}}</li>
</ul>
</div>
</body>


Here's a working Plunk.


[#65591] Wednesday, July 29, 2015, 9 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
jennie

Total Points: 593
Total Questions: 102
Total Answers: 106

Location: Federated States of Micronesia
Member since Fri, Sep 16, 2022
2 Years ago
jennie questions
;