angularjs - 如何在嵌套的 ng-repeat 中获取索引

Question

我在 ng-repeat 中有一个 ng-repeat。我很想获得两个级别的索引，但无法:

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

更新

实际使用 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