子ng-repeatからの親ng-repeatのアクセスインデックス

親リスト（foos）のインデックスを子リスト（foos.bars）の関数呼び出しの引数として使用したい。

誰かが$ parent。$ indexの使用をすすめる投稿を見つけましたが$index、のプロパティではありません$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>

私のコード例は正しく、問題は実際のコードの他の何かでした。それでも、この例を見つけるのは困難だったので、他の誰かが探している場合に備えて答えます。

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

ng-repeat docs http://docs.angularjs.org/api/ng.directive:ngRepeatによると、キーまたは配列インデックスを任意の変数に格納できます。(indexVar, valueVar) in values

だからあなたは書くことができます

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

$ parent。$ indexを使用すると、1レベル上はまだかなりクリーンですが、いくつかの親が上にあると、事態が複雑になる可能性があります。

注：$indexは引き続き各スコープで定義され、に置き換えられませんfIndex。

同様の質問に対する私の答えを見てみましょう。
エイリアス$indexすることで、のようなクレイジーなものを書く必要はありません$parent.$parent.$index。

ng-init$parent.$indexを使用するよりエレガントなソリューション：

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

プランカー：http ://plnkr.co/edit/knwGEnOsAWLhLieKVItS?p=info

次のコードで祖父母インデックスの制御を取得することもできます

$parent.$parent.$index

$ parent。$ indexを使用するだけです。ここで、parentは親の繰り返しオブジェクトのオブジェクトを表します。

複数の親がある場合、$ parentは機能しません。代わりに、initで親インデックス変数を定義して使用できます。

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