AngularJS ng-repeat配列の配列

Question

配列の配列でng-repeatを使用できますか？

私の見解は次のとおりです。

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

これが私のコントローラーです。

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

出力する方法：

Alex Booker · Accepted Answer

問題は次の行にあります。

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

item.itemsはundefinedであるため、itemは配列です。

item.itemsの代わりにitemを列挙する必要があります。

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

動作する Plunk です。

Pierre-Alexandre Moller · Answer

あなたはほとんど結果を持っています。 2番目のng-repeat。

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

2番目のng-repeat必要ありませんitem.items。