Filtrované vyhľadávanie vracia duplicity po prvom vyhľadávaní - html5, angularjs, angularjs-scope, angularjs-ng-repeat, angularjs-service

V mojej webovej aplikácii angularJS som v tomto kóde, kde zobrazujem niektoré mená (ktoré sú súčasťou poľa SearchRcps) filtrované pomocou vyhľadávacieho reťazca vloženého do vstupného vyhľadávacieho panela. $index%4==0 rozdeliť výsledky na niekoľko riadkov po 4každý stĺpec. Keď urobím prvé vyhľadávanie, výsledok je správny, ale keď sa vrátim do prázdneho vyhľadávacieho reťazca alebo keď vykonám druhé vyhľadávanie, zobrazia sa duplikáty.

<div class="col-xs-12">
<div class="row" ng-repeat="rcpGroup in SearchRcps | filter:searchString track by $index" ng-if="$index%4==0">
<div class="col-sm-6 col-md-3" ng-repeat="rcp in (SearchRcps | filter:searchString).slice($parent.$index,$parent.$index+4)">
<p>{{rcp.name}}</p>
</div>
</div>
</div>

niekto

odpovede:

Skúste prejsť ng-if="$index%4==0" klauzula od riadku div po rozdelený div:

<div class="col-xs-12">
<div class="row" ng-repeat="rcpGroup in SearchRcps | filter:searchString track by $index">
<div ng-if="$index%4==0">
<div class="col-sm-6 col-md-3" ng-repeat="rcp in (SearchRcps | filter:searchString).slice($parent.$index,$parent.$index+4)">
<p>{{rcp.name}}</p>
</div>
</div>
</div>
</div>