使用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