Question

我有以下内容循环遍历xa并打印qs.a.text值：

<div data-ng-repeat="a in xa">
   <div data-ng-bind-html="a.text"></div>
</div>

<div data-ng-repeat="b in xb">
   <div data-ng-bind-html="b.text"></div>
</div>

有没有办法可以将这些结合起来：

<div data-ng-repeat="a in xa and xb">
   <div data-ng-bind-html="a.text"></div>
   <div data-ng-bind-html="b.text"></div>
</div>

请注意，xa和xb是始终包含完全相同数量的元素的数组。

Answer 1

当然，您可以使用javascript的concat()连接数组，然后将结果用于重复。

因此：

<div data-ng-repeat="item in combined = xa.concat(xb)">
   <div data-ng-bind-html="item.text"></div>
</div>

Answer 2

你可以使用$ index。它代表ng-repeat的当前索引

<强> Fiddle Here

<div ng-repeat="item in arrA" class="container">
    <div>{{arrA[$index].text}}</div>
    <div>{{arrB[$index].text}}</div>
</div>

虽然您可能希望将数组与非核心数组合在一起，而不是将其组合在一起。

Answer 3

试试这个

<div data-ng-repeat="a in xa">
   <div data-ng-bind-html="a.text"></div>
   <div data-ng-bind-html="xb[$index].text"></div>
</div>

有没有办法用AngularJS覆盖多个数组的ng-repeat？

3 个答案: