使用ng-repeat进行ng-hide隐藏时的angularjs $ index

Question

我有需要与序列号一起显示的项目列表。 我将$ index与ng-repeat一起使用，但是当元素被隐藏时，索引增加了。

我尝试的代码如下：

<div ng-repeat="itemRow in salesitem" class="tableRow h7" ng-hide="itemRow.flagDeleted">
                    <div class="tableCell">{{$index}}</div>
                    <div class="tableCell">{{itemRow.name}}</div>
                    <div class="tableCell">{{itemRow.qty}}</div>
</div>

当itemRow.flagDeleted为True时，该项目不会显示，但索引会增加，因此下一个项目序列号有问题。

Answer 1

而是对重复项使用过滤器：

<div ng-repeat="itemRow in salesitem | filter:{ 'flagDeleted' : false}" class="tableRow h7">
    <div class="tableCell">{{$index}}</div>
    <div class="tableCell">{{itemRow.name}}</div>
    <div class="tableCell">{{itemRow.qty}}</div>
</div>

http://plnkr.co/edit/VfFcbUJpoXG6mRkJSFYS?p=preview