阵列AngularJS NG重复阵列 [英] AngularJS ng-repeat array of arrays
本文介绍了阵列AngularJS NG重复阵列的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
时有可能使用 NG-重复与数组的数组？
Is it possible to use ng-repeat with an array of arrays?
下面是我的看法：
<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]
]
});
下面是我的Plunker：
http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=$p$pview
Here's my Plunker:
http://plnkr.co/edit/b6vRVpUKkhPANNVXkkJL?p=preview
我怎么能输出：
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
推荐答案
您的问题在于这一行：
<li ng-repeat="i in item.items">{{i}}</li>
item.items 是未定义，因为 项目是一个数组
item.items is undefined because item is an array.
您应该枚举项目而不是 item.items ：
<body ng-controller="MainCtrl">
<div ng-repeat="item in items">
<ul>
<li ng-repeat="i in item">{{i}}</li>
</ul>
</div>
</body>
下面是一个工作普拉克。
这篇关于阵列AngularJS NG重复阵列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
