Accedi all'indice del genitore ng-repeat dal figlio ng-repeat

Voglio usare l'indice dell'elenco parent (foos) come argomento per una chiamata di funzione nell'elenco child (foos.bars).

Ho trovato un post in cui qualcuno consiglia di utilizzare $ parent. $ Index, ma $indexnon è una proprietà di $parent.

Come posso accedere all'indice del genitore 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>

Il mio codice di esempio era corretto e il problema era qualcos'altro nel mio codice attuale. Tuttavia, so che è stato difficile trovare esempi di questo, quindi rispondo nel caso in cui qualcun altro lo stia guardando.

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

Secondo i documenti ng-repeat http://docs.angularjs.org/api/ng.directive:ngRepeat , è possibile memorizzare l'indice della chiave o dell'array nella variabile di propria scelta.(indexVar, valueVar) in values

così puoi scrivere

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

Un livello su è ancora abbastanza pulito con $ parent. $ Index ma diversi genitori su, le cose possono diventare confuse.

Nota: $indexcontinuerà ad essere definito per ogni ambito, non è sostituito da fIndex.

Dai un'occhiata alla mia risposta a una domanda simile .
Aliasing $indexnon dobbiamo scrivere cose folli come $parent.$parent.$index.

In modo molto più elegante soluzione che $parent.$indexsta usando 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

Puoi anche ottenere il controllo dell'indice nonno tramite il seguente codice

$parent.$parent.$index

Puoi semplicemente usare usa $ parent. $ Index .where parent rappresenterà l'oggetto dell'oggetto parent che si ripete.

$ parent non funziona se ci sono più genitori. invece di ciò possiamo definire una variabile indice genitore in init e usarla

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