Dostęp do indeksu macierzystego powtórzenia z potomnego powtórzenia

Chcę użyć indeksu listy nadrzędnej (foos) jako argumentu wywołania funkcji na liście podrzędnej (foos.bars).

Znalazłem post, w którym ktoś zaleca użycie $ parent. $ Index, ale $indexnie jest własnością $parent.

Jak mogę uzyskać dostęp do indeksu rodzica 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>

Mój przykładowy kod był poprawny, a problemem był inny kod. Wiem jednak, że trudno było znaleźć przykłady tego, więc odpowiadam na wypadek, gdyby ktoś inny szukał.

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

Zgodnie z dokumentami ng-repeat http://docs.angularjs.org/api/ng.directive:ng Powtórz , możesz przechowywać indeks klucza lub tablicy w wybranej zmiennej.(indexVar, valueVar) in values

więc możesz pisać

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

Jeden poziom wyżej jest wciąż całkiem czysty z $ parent. $ Index, ale kilku rodziców w górę, sprawy mogą się popsuć.

Uwaga: $indexbędzie nadal definiowany w każdym zakresie, nie jest zastępowany przez fIndex.

Spójrz na moją odpowiedź na podobne pytanie .
Przez aliasing $indexnie musimy pisać takich szalonych rzeczy $parent.$parent.$index.

O wiele bardziej eleganckie rozwiązanie niż $parent.$indexużywanie 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

Możesz także przejąć kontrolę nad indeksem dziadka, stosując następujący kod

$parent.$parent.$index

Możesz po prostu użyć use $ parent. $ Index .where rodzic będzie reprezentował obiekt rodzica powtarzającego się obiektu.

$ Parent nie działa, jeśli jest wielu rodziców. zamiast tego możemy zdefiniować nadrzędną zmienną indeksową w init i użyć jej

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