Access-Index der Eltern ng-repeat von Kind ng-repeat

Question

Ich möchte den Index der Elternliste (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, aber $index ist keine Eigenschaft von $parent.

Wie kann ich auf den Index des Elterns ng-repeat zugreifen?

<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

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 sie, falls jemand anders hinschaut.

<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

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

so können Sie

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

Ein Level schreiben mit $ parent noch ganz sauber ist. $ Index aber einige Eltern, können die Dinge chaotisch.

Hinweis: $index wird weiterhin bei jedem Bereich definiert, es wird nicht durch fIndex ersetzt.

Answer 3

Werfen Sie einen Blick auf my answer to a similar question.
Durch Aliasing $index müssen wir nicht verrückte Sachen wie $parent.$parent.$index schreiben.

---

Way elegantere Lösung whan $parent.$index wird ng-init mit:

<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

Sie einfach nutzen $ parent $ index .wo Elternteil darstellen Objekt der Eltern können sich wiederholende Objekt .

Answer 5

Sie können auch

$parent.$parent.$index 

Answer 6

$ parent durch den folgenden Code die Kontrolle über große Ausgangs-Index erhalten funktioniert nicht, wenn es mehrere Eltern sind. statt dessen können wir eine übergeordnete Indexvariable in init definieren und sie 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>