当ng-hide使用ng-repeat时，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