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

Question

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

Answer 1

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

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

Answer 2

Согласно нг-повторить документы 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> 

Один уровень до сих пор довольно чистый с $ родителем. $ Индексных но несколько родителей вверх, все может запутаться.

Примечание: $index будет по-прежнему определяться в каждой области, он не заменяется fIndex.

Answer 3

Посмотрите на my answer to a similar question.
На aliasing $index нам не нужно писать сумасшедшие вещи, такие как $parent.$parent.$index.

---

Way более элегантное решение Whan $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

Answer 4

Вы можете просто использовать использование $ родительских $ индекс .где родитель будет представлять объект родительского повторения. объект.

Answer 5

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

$parent.$parent.$index 

Answer 6

$ родительского не работает, если есть несколько родителей. вместо этого мы можем определить родительскую индексную переменную в 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>