タイトルの通りですが、Angular.jsでng-repeatを入れ子で使用した時に、子から親のindexを参照する方法です。
サンプルコード
$parent.$indexで参照できるようです。
HTML
1 2 3 4 5 6 7 8 9 10 | <div ng-controller="ctrl"> <ul> <li ng-repeat="d in data"> <div>{{$index}}: {{d.title}}</div> <ul> <li ng-repeat="c in d.chara">{{$parent.$index}} - {{$index}}: {{c}}</li> </ul> </li> </ul></div> |
JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | angular.module('app', []).controller('ctrl', function($scope) { $scope.data = [ { title: 'けいおん！', chara: ['平沢 唯', '秋山 澪', '田井中 律', '琴吹 紬', '中野 梓'] }, { title: '三者三葉', chara: ['西川 葉子', '葉山 照', '小田切 双葉'] }, { title: 'ゆゆ式', chara: ['野々原 ゆずこ', '日向 縁', '櫟井 唯'] } ];}); |
【参考サイト】
コメントが承認されるまで時間がかかります。