AngularJS 中带有 $index 的嵌套循环（ng-repeat）

Question

假设我们在 angularJS 中有两个 ng-repeat（嵌套）：

<div ng-repeat="animal of animals track by $index">
    <div ng-repeat="name in names">
        <p>{{$index}}</p>
    </div>
</div>

在此示例中，$index 将是名称中子循环的索引，但我希望拥有我跟踪的父循环动物的索引。

为什么这不起作用？

Answer 1

尝试这个。

  <div ng-repeat="animal of animals track by $index">
        <div ng-repeat="name in names">
            <p>{{$parent.$index}}</p>
        </div>
    </div>