Index d'accès du parent ng-repeat depuis l'enfant ng-repeat

Je veux utiliser l'index de la liste parent (foos) comme argument pour un appel de fonction dans la liste enfant (foos.bars).

J'ai trouvé un article où quelqu'un recommande d'utiliser $ parent. $ Index, mais ce $indexn'est pas une propriété de $parent.

Comment puis-je accéder à l'index du 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>

Mon exemple de code était correct et le problème était autre chose dans mon code actuel. Pourtant, je sais qu'il était difficile de trouver des exemples de cela, donc je réponds au cas où quelqu'un d'autre regarderait.

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

Selon les documents ng-repeat http://docs.angularjs.org/api/ng.directive:ngRepeat , vous pouvez stocker la clé ou l'index du tableau dans la variable de votre choix.(indexVar, valueVar) in values

pour pouvoir écrire

<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 niveau vers le haut est encore assez propre avec $ parent. $ Index mais plusieurs parents vers le haut, les choses peuvent devenir compliquées.

Remarque: $indexcontinuera d'être défini à chaque portée, il n'est pas remplacé par fIndex.

Jetez un oeil à ma réponse à une question similaire .
En pseudonyme, $indexnous n'avons pas à écrire des trucs fous comme $parent.$parent.$index.

Une solution bien plus élégante $parent.$indexavec 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

Vous pouvez également obtenir le contrôle de l'index des grands parents par le code suivant

$parent.$parent.$index

Vous pouvez simplement utiliser use $ parent. $ Index. Où parent représentera l'objet de l'objet répétitif parent.

$ parent ne fonctionne pas s'il y a plusieurs parents. au lieu de cela, nous pouvons définir une variable d'index parent dans init et l'utiliser

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