如何在嵌套ng-repeats中访问超父节点的索引

Question

我想访问最外层的ng-repeat的索引。

<div ng-repeat="">
  <div ng-repeat="">
    <div ng-repeat="">
      //I want to get the $index of outer ng-repeat here
    </div>
  </div>
</div>

Answer 1

使用ng-init设置外部索引：

<div ng-repeat="" ng-init="outerIndex = $index">

然后，您可以在其他作用域中使用outerIndex。

Angular documentation has this example specifically

Answer 2

要做到这一点，一种很好的干净的方法是使用ng-init

<div ng-repeat="" ng-init="indxFirst = $index">
 <div ng-repeat="" ng-init="indxSecond = $index">
   <div ng-repeat="">
       //the current index $index
      //indxFirst is your the parent most index
      <div ng-click="myClick(indxFirst)">Check most outer parent index</div>
   </div>
 </div>
</div>

例如，我添加了一个click函数，并将其传递到最内部的repeat中，在控制器中，您将看到它在这里传递，如下所示：

$scope.myClick = function(index){
   console.log("parent most index is", index);
};

可以随心所欲地使用它，这只是一个例子。