Çocuk ng-tekrarından ebeveyn ng-tekrarının erişim endeksi

Alt listenin (foos.bars) işlev çağrısına bağımsız değişken olarak üst listenin (foos) dizinini kullanmak istiyorum.

Birinin $ parent. $ Dizinini kullanmanızı önerdiği ancak $indexbir özelliği olmadığı bir yazı buldum $parent.

Ebeveynin dizinine nasıl erişebilirim 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>

Örnek kodum doğruydu ve sorun gerçek kodumda başka bir şeydi. Yine de, bunun örneklerini bulmanın zor olduğunu biliyorum, bu yüzden başka birinin bakması durumunda cevap veriyorum.

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

Http://docs.angularjs.org/api/ng.directive:ngRepeat ng-repeat belgelerine göre , anahtarı veya dizi dizinini istediğiniz değişkene kaydedebilirsiniz.(indexVar, valueVar) in values

böylece yazabilirsin

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

Bir seviye yukarı $ parent. $ Endeksi ile hala oldukça temiz ama birkaç ebeveyn kadar, işler dağınık olabilir.

Not: $indexher kapsamda tanımlanmaya devam edecek, onun yerine geçmeyecektir fIndex.

Benzer bir soruya verdiğim cevaba bir göz atın .
Takma adlandırarak $indexdeli gibi şeyler yazmak zorunda değiliz $parent.$parent.$index.

Ng-init$parent.$index kullanarak çok daha şık bir çözüm :

<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

Aşağıdaki kodla büyük ana dizinin denetimini de alabilirsiniz

$parent.$parent.$index

Use $ parent. $ İndex kullanabilirsiniz. Burada üst öğe, üst öğe yinelenen nesnenin nesnesini temsil edecektir.

$ parent, birden fazla ebeveyn varsa çalışmaz. bunun yerine init içinde bir üst dizin değişkeni tanımlayabilir ve kullanabiliriz

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