AngularJS:如何在ng-repeat中使用$ index

时间:2016-05-02 23:30:44

标签: javascript angularjs angularjs-ng-repeat ng-repeat

我有这样的ul:

<ul class="dropdown-menu inner" role="menu">
    <li ng-repeat="availableAlphaName in availableAlphaNames" data-original-index="0" data-optgroup="1" class="">
        <a tabindex="0" class="opt  " style="" data-tokens="null">
            <span class="text">{{availableAlphaName.Name}}</span>
            <span class="glyphicon glyphicon-ok check-mark"></span>
        </a>
    </li></ul>

data-original-index 必须具有索引值。但是如果我将 data-original-index 设置为$ index,它将始终为0,因为每个实例都有自己的范围。

请帮助解决此问题。

1 个答案:

答案 0 :(得分:2)

您应在track by $index

中指定ng-repeat
    <li ng-repeat="availableAlphaName in availableAlphaNames track by $index" data-original-index={{$index}} data-optgroup="1" class="">
        <a tabindex="0" class="opt" style="" data-tokens="null">
            <span class="text">{{availableAlphaName.Name}}</span>
            <span class="glyphicon glyphicon-ok check-mark"></span>
        </a>
    </li>