如何在嵌套的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函数并将其传递到内部最重复的内部，在控制器中你会看到它在这里传递：

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

可以随意使用，这只是一个例子。