Zugriffsindex der übergeordneten ng-Wiederholung von der untergeordneten ng-Wiederholung

Ich möchte den Index der übergeordneten Liste (foos) als Argument für einen Funktionsaufruf in der untergeordneten Liste (foos.bars) verwenden.

Ich habe einen Beitrag gefunden, in dem jemand die Verwendung von $ parent. $ Index empfiehlt, der jedoch $indexnicht Eigentum von ist $parent.

Wie kann ich auf den Index des Elternteils zugreifen 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>

Mein Beispielcode war korrekt und das Problem war etwas anderes in meinem tatsächlichen Code. Trotzdem weiß ich, dass es schwierig war, Beispiele dafür zu finden, also beantworte ich es, falls jemand anderes sucht.

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

Gemäß den ng-repeat-Dokumenten http://docs.angularjs.org/api/ng.directive:ngRepeat können Sie den Schlüssel- oder Array-Index in der Variablen Ihrer Wahl speichern.(indexVar, valueVar) in values

so kannst du schreiben

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

Eine Stufe höher ist mit $ parent. $ Index immer noch ziemlich sauber, aber bei mehreren Eltern kann es chaotisch werden.

Hinweis: $indexWird weiterhin in jedem Bereich definiert und nicht durch ersetzt fIndex.

Schauen Sie sich meine Antwort auf eine ähnliche Frage an .
Durch Aliasing müssen $indexwir keine verrückten Sachen wie schreiben $parent.$parent.$index.

Viel elegantere Lösung als $parent.$indexbei Verwendung von 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

Sie können die Kontrolle über den Grand Parent-Index auch über den folgenden Code erhalten

$parent.$parent.$index

Sie können einfach use $ parent. $ Index verwenden, wobei parent das Objekt des übergeordneten sich wiederholenden Objekts darstellt.

$ parent funktioniert nicht, wenn mehrere Eltern vorhanden sind. Stattdessen können wir in init eine übergeordnete Indexvariable definieren und verwenden

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