我想使用父列表(foos)的索引作为子列表(foos.bars)中函数调用的参数。
我发现有人推荐使用$parent。$index，但$index不是$parent的属性。
如何访问父ng-repeat的索引?
<div ng-repeat="f in foos">
<div>
<div ng-repeat="b in foos.bars">
<a ng-click="addSomething($parent.$index)">Add Something</a>
</div>
</div>
</div>
当前回答
看看我对类似问题的回答。 通过别名$index，我们不必编写像$parent.$parent.$index这样疯狂的东西。
方式更优雅的解决方案，当$parent。$index使用ng-init:
<ul ng-repeat="section in sections" ng-init="sectionIndex = $index">
<li class="section_title {{section.active}}" >
{{section.name}}
</li>
<ul>
<li class="tutorial_title {{tutorial.active}}" ng-click="loadFromMenu(sectionIndex)" ng-repeat="tutorial in section.tutorials">
{{tutorial.name}}
</li>
</ul>
</ul>
砰砰作响:http://plnkr.co/edit/knwGEnOsAWLhLieKVItS?p=info
其他回答
我的示例代码是正确的，问题是我的实际代码中的其他东西。不过，我知道很难找到这样的例子，所以我在回答这个问题，以防其他人也在看。
<div ng-repeat="f in foos">
<div>
<div ng-repeat="b in foos.bars">
<a ng-click="addSomething($parent.$index)">Add Something</a>
</div>
</div>
</div>
根据ng-repeat docs http://docs.angularjs.org/api/ng.directive:ngRepeat，您可以将键或数组索引存储在您选择的变量中。(indexVar, valueVar)
所以你可以写
<div ng-repeat="(fIndex, f) in foos">
<div>
<div ng-repeat="b in foos.bars">
<a ng-click="addSomething(fIndex)">Add Something</a>
</div>
</div>
</div>
再往上一层，$parent仍然非常干净。$index但是几位家长都上去了，事情可能会变得一团糟。
注:$index将继续在每个作用域定义，它不会被fIndex取代。
如果有多个父节点，$parent不起作用。相反，我们可以在init中定义父索引变量并使用它
<div data-ng-init="parentIndex = $index" ng-repeat="f in foos">
<div>
<div data-ng-init="childIndex = $index" ng-repeat="b in foos.bars">
<a ng-click="addSomething(parentIndex)">Add Something</a>
</div>
</div>
</div>
你可以简单地使用use $parent。其中父对象将表示父重复对象的对象。
你也可以通过下面的代码来控制主父索引
$parent.$parent.$index
