使用ng-repeat同时循环多个数组

Question

我可以只使用ng-repeatAngularJs中的一个同时遍历两个数组吗？如果是这样,那怎么样？

例如,我有两个数组

array1 = [1,2,3,4,5]

array2 = [6,7,8,9,10]

它应该能够为两个数组生成相同的索引.

Answer 1

如果要使用第一个索引访问第二个数组,请尝试以下操作:

$scope.arr1 = [1, 2, 3, 4, 5]
$scope.arr2 = [6, 7, 8, 9, 10]

<div ng-repeat="number in arr1">
    Number from array1 = {{number}}
    Number from array2 = {{arr2[$index]}}
</div>

看到这个小提琴:http://jsfiddle.net/dm9zhgx9/

Answer 2

据我所知,Angular没有实现迭代多个数组的东西.

一种解决方案是连接数组,并迭代结果.

试试这个:

<div ng-repeat="item in [1,2,3,4,5].concat([6,7,8,9,10])">
    {{item}}
</div>

Answer 3

如果要将ngRepeat用于两个数组的组合,请使用javascript concat()函数(AngularJS允许variable in expression在ngRepeat指令中).

<div ng-repeat="item in array1.concat(array2)">{{item}}</div>