angularjs $ index, когда ng-hide с ng-repeat

Question

У меня есть itemlist, который необходимо отобразить с серийным номером. Я использовал $ 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 находится Правда в этом пункте не будет отображаться, но индекс будет увеличен так следующий пункт серийный номер будет неправильно.

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