Indeks akses induk ng-repeat dari ng-repeat anak

Saya ingin menggunakan indeks daftar induk (foos) sebagai argumen untuk panggilan fungsi dalam daftar anak (foos.bars).

Saya menemukan posting di mana seseorang merekomendasikan menggunakan $ parent. $ Index, tetapi $indexbukan properti dari $parent.

Bagaimana saya bisa mengakses indeks induk 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>

Contoh kode saya sudah benar dan masalahnya ada pada kode saya yang sebenarnya. Namun, saya tahu sulit untuk menemukan contoh-contoh ini sehingga saya menjawabnya kalau-kalau ada orang lain yang melihatnya.

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

Menurut ng-repeat docs http://docs.angularjs.org/api/ng.directive:ngRepeat , Anda dapat menyimpan indeks kunci atau array dalam variabel pilihan Anda.(indexVar, valueVar) in values

jadi kamu bisa menulis

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

Satu level naik masih cukup bersih dengan $ parent. $ Index tetapi beberapa orangtua naik, keadaan bisa menjadi berantakan.

Catatan: $indexakan terus ditentukan pada setiap lingkup, itu tidak diganti oleh fIndex.

Lihatlah jawaban saya untuk pertanyaan serupa .
Dengan alias $indexkita tidak perlu menulis hal-hal gila seperti $parent.$parent.$index.

Cara solusi yang lebih elegan saat $parent.$indexmenggunakan 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

Anda juga bisa mendapatkan kendali atas indeks grand parent dengan kode berikut

$parent.$parent.$index

Anda cukup menggunakan $ parent. $ Index .di mana parent akan merepresentasikan objek dari parent repeate object.

$ parent tidak berfungsi jika ada banyak orangtua. alih-alih itu kita dapat mendefinisikan variabel indeks induk di init dan menggunakannya

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