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

发布时间：2020-12-17 08:20:33 所属栏目：安全来源：网络整理

导读：我在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]}}

我在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”的值永远不会被填充.它不捕获索引.
谁能帮助

你不必使用$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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!