Индекс доступа родительского ng-repeat к дочернему ng-repeat

Я хочу использовать индекс родительского списка (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>

Мой пример кода был верным, и проблема была в другом коде. Тем не менее, я знаю, что было трудно найти примеры этого, поэтому я отвечаю на это, если кто-то еще ищет.

<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 http://docs.angularjs.org/api/ng.directive:ngRepeat , вы можете хранить ключ или индекс массива в переменной по вашему выбору.(indexVar, valueVar) in values

так что вы можете написать

<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.

Посмотрите на мой ответ на аналогичный вопрос .
Используя псевдонимы, $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

Вы также можете получить контроль над индексом прародителя с помощью следующего кода

$parent.$parent.$index

Вы можете просто использовать use $ parent. $ Index .where parent будет представлять объект родительского повторяющегося объекта.

$ 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>