在第一次搜索后过滤的搜索返回重复

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>