如何过滤ng-repeat中重复的数据

Question

我在类别列表中有重复的成员，但我必须只显示具有ng-repeat的非重复成员。如何过滤此列表以仅显示非重复成员，我有代码示例。

见下面的视图

<tr ng-repeat="category in cc.categoriesList " 
    ng-click="cc.selectCatForNewTask(category.cid)" 
    ng-class="{selected: cc.getCtgRowClass(category.cid)}"> 
  <td> 
     {{category.categoryName}} 
  </td> 
</tr> 

Answer 1

试试这个:

 <tr ng-repeat="category in cc.categoriesList | unique:category.somefield " ng-click="cc.selectCatForNewTask(category.cid)" ng-class="{selected: cc.getCtgRowClass(category.cid)}">
    <td> {{category.categoryName}} </td> 
</tr>

你需要安装一些依赖项:

1。在您的终端中，进入您的项目并运行安装angular-ui-utils:

bower install angular-ui-utils#bower-unique

2。需要unique.js文件，将它添加到你的项目中，在你的angular脚本下面:

<!-- angular script -->
<script type="text/javascript" src="bower_components/angular/angular.js"></script>
<!-- unique script -->
<script type="text/javascript" src="bower_components/angular-ui-utils/unique.js"></script>

3。将unique作为模块添加到您的应用程序中:

angular.module('myApp', ['ui.unique'])

AngularUI唯一过滤器