AngularJS:ネストされたループ内の$ indexによるng-repeatトラック

AngularJS:ネストされたループ内の$ indexによるng-repeatトラック photo 2 C

AngularJS:ネストされたループ内の$ indexによるng-repeatトラック

タグ:

質問

ネストされたng-repeatループに2番目の$ indexが必要です。どのようにどこに置くべきですか?

AngularJSサイトは言う

これらのプロパティのエイリアスを作成することは、ngInitで可能です。これは 例えば、ngRepeatsを入れ子にするときに便利かもしれません。

<div ng-repeat=”person in persons track by $index”>
<div ng-repeat=”something in array track by $index2″> <!– where to init this and how to manage it?–>

AngularJS:ネストされたループ内の$ indexによるng-repeatトラック photo 1

$ indexをもう一度使用すると、うまくいくようですが、これが正しいことかどうかはわかりません。 私はそれを行う簡単で正しい方法があると確信しています、私はちょうど例を見つけることができませんでした。

ありがとう

ベストアンサー

$index は、最も内側の ngRepeat スコープのインデックスを参照します。

ドキュメントが説明しているのは、親ngRepeatの$indexにアクセスする必要があるシナリオです。 $parentを使用する方法と、Angularのドキュメントが示唆しているように、ngInitを使用する方法があります。ここに例があります…

<li ng-repeat=”thing in things” ng-init=”parentIndex = $index”>
{{ $index }}
<ul>
<li ng-repeat=”value in thing.values”>
{{ value }}
{{ $index }} <!– inner $index –>
{{ $parent.$index }} <!– parent $index –>
{{ parentIndex }} <!– also parent $index –>
</li>
</ul>
</li>

AngularJS:ネストされたループ内の$ indexによるng-repeatトラック photo 0

フィドル




source
AngularJS ng-repeatで「$ indexによるトラック」を使用しない場合
ネストされたng-repeat $ parent。$ indexと$ index
ネストされたng-repeat内の親ループの$ indexを参照するにはどうすればよいですか?
ng-repeat内のAngularJS ng-option
AngularJS:ng-repeat内のng-model?
AngularJSネストされたフォーム入力検証ng-repeat
ネストされたng-repeat
複数のプロパティによるトラックによるng-repeat
各アイテムのtdを使用したng-repeat内のng-repeat-AngularJS
ネストされたng-repeatの中でAngularJS ng-clickイベントが発生しない
Rating