Angularjs 双重循环获取父级下标$index

 

<table class="table table-bordered">
  <tr ng-repeat="info in ttzInfo" ng-cloak>
    <td class="col-xs-2 adjust-col-2 text-right title-desc" ng-bind="info.title"></td>
    <td class="col-xs-3 adjust-col-3 text-center" ng-repeat="key in ['ttz', 'yeb', 'bank']">
      <span ng-if="info[key]">
        <span ng-if="info[key].length" ng-bind="info[key]" ng-class="{'year-interest': $parent.$parent.$parent.$first}"></span>
        <span ng-if="!info[key].length" class="glyphicon glyphicon-ok"></span>
      </span>
      <span ng-if="!info[key]" class="glyphicon glyphicon-remove"></span>
    </td>
  </tr>
</table>

 

 

直接获取父级下标，只有两个ng-repate写在一起的时候，使用 $parent.$index即可获取，若没多一级ng-if之类的判断条件，则接着在往上一级寻找即可。

其他ng-repate的函数都是同一个道理。

Angularjs在线教程：

http://each.sinaapp.com/angular/tutorial/ng-repeat.html

 

Variable Type Details

$index	number	iterator offset of the repeated element (0..length-1)
$first	boolean	true if the repeated element is first in the iterator.
$middle	boolean	true if the repeated element is between the first and last in the iterator.
$last	boolean	true if the repeated element is last in the iterator.
$even	boolean	true if the iterator position $index is even (otherwise false).
$odd	boolean	true if the iterator position $index is odd (otherwise false).

 

更多实例应用扫码体验：