Індекс доступу батьківського ng-повтору від дочірнього ng-повтору

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

Plunker: http://plnkr.co/edit/knwGEnOsAWLhLieKVItS?p=info

Ви також можете отримати контроль над батьківським індексом за наступним кодом

$parent.$parent.$index

Ви можете просто використовувати використання $ parent. $ Index. Where 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>