如何在ng-repeat中只显示一次重复值?

时间:2016-06-08 16:19:42

标签: javascript angularjs html5

我的列表正在返回categorysubcategory并使用ng-repeat显示,但我只想显示一次类别。

<div ng-repeat="item in allocationList">
   <p>Category:{{item.Category}}</p>
   <p>SubCategory:{{item.subCategory}}</p>
</div>

1 个答案:

答案 0 :(得分:2)

在* .html文件中包含以下脚本:

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.min.js"></script>
<script src="bower_components/angular-filter/dist/angular-filter.min.js"></script>

将模块定义语句更改为:

var myApp = angular.module('myApp', ['angular.filter']);

检索项目如下所示:

<div ng-repeat="item in allocationList | unique:'category'">
   <p>Category:{{item.Category}}</p>
   <p>SubCategory:{{item.subCategory}}</p>
</div>

我希望它有所帮助:)。