如何獲得嵌套ng重複中的索引

Question

我在ng重複中有ng重複。我在這兩個級別獲得索引，但我不能：

<tbody> 
    <tr ng-repeat="element in body"> 
     <td ng-repeat="h in header" style="width:{{h.width}}px"> 
     <div col="{{$parent.$parent.$index}}" row="{{$parent.$index}}">{{element[h.column]}}</div> 
     <td> 
    </tr> 
    </tbody> 

這裏也是一個plnkr。 http://plnkr.co/edit/dGoN43HzQefVpCsp2R3j

問題是「col」的值永遠不會被填充。它不捕獲索引。 誰能幫助

Answer 1

您不必使用$parent，只是用$index得到指數內環和使用陣列的indexOf()功能得到指數外環的...

HTML

<tr ng-repeat="element in body"> 
    <td ng-repeat="h in header" style="width:{{h.width}}px"> 
    <div col="{{body.indexOf(element)}}" row="{{$index}}">{{element[h.column]}}</div> 
    <td> 
</tr> 

---

UPDATE

實際使用ng-init會好得多獲得外環的指數......在這裏，你可以輕鬆地設置rowIndex到當前索引動輒並在內部循環使用它...

<tbody> 
    <tr ng-repeat="element in body" ng-init="rowIndex = $index"> 
     <td ng-repeat="h in header" style="width:{{h.width}}px"> 
     <div col="{{$index}}" row="{{rowIndex}}">{{element[h.column]}}</div> 
     <td> 
    </tr> 
    </tbody> 

這裏是更新PLUNKER