在第一次搜索後過濾的搜索返回重複

Question

在我的angularJS網絡應用程序中，我有一段代碼，其中顯示了一些名稱（構成數組SearchRcps的一部分），由輸入搜索欄中插入的searchString過濾。我這樣做$index%4==0將結果分佈在每行4列的幾行上。當我進行第一次搜索時，結果是正確的，但當我回到空搜索字符串或當我進行第二次搜索時，會顯示重複項。

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

任何

Answer 1

嘗試從該行的div移動ng-if="$index%4==0"條款的separeted 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>