在数组中的数组上使用ng-repeat（AngularJS）

Question

我有一个名为squad的数组。它包含一系列对象，每个对象都包含一个名为squad的属性。我想在allSquads数组中的每个对象上重复这个allSquads[0].squad数组的内容。

如果我通过allSquads[0].squad allSquads[1].squad allSquads[2].squad 重复，那么它在单个阵列上运行正常。

但是，我想继续重复，如下：

<div ng-repeat="player in allSquads[$index].squad">...</div>

等

我的（不正确）解决方案目前看起来像这样：

<div class="wrapper">

我假设在这种情况下$ index表示递增的整数，但它不起作用。有人可以帮忙吗？

提前致谢...

Answer 1

我认为你想要做的是获取外部循环上的值，并循环父值的属性。有点像这样。

<div ng-repeat="squad in allSquads">
    <div ng-repeat="player in squad.players">
        {{ player }}
    </div>
</div>

你有什么理由需要直接访问0,1,2等的偏移量吗？

Answer 2

请查看this answer嵌套的ng-repeat。这就是你的样子

<div ng-repeat="squad in allSquads">
   <div ng-repeat="player in squad">
       {{player}}
   </div>
</div>

修改

如果你不想使用嵌套循环，那么一种方法是将2d数组变成类似于this example的1d数组，然后在每个concat push分割点之后迭代，以显示下一个小队已经开始。因此['p1','p2',';;','p3',...]和";;"会标记拆分