Angularjs的ng-repeat中去除重复数据的方法
更新时间:2016年08月05日 11:44:58 作者:Quber
这篇文章主要介绍了Angularjs的ng-repeat中去除重复数据的方法,涉及AngularJS针对重复数据的遍历与过滤技巧,需要的朋友可以参考下
本文实例讲述了Angularjs的ng-repeat中去除重复数据的方法。分享给大家供大家参考,具体如下:
一、JS:
ngApp.filter('unique', function () {
return function (collection, keyname) {
var output = [],
keys = [];
angular.forEach(collection, function (item) {
var key = item[keyname];
if (keys.indexOf(key) === -1) {
keys.push(key);
output.push(item);
}
});
return output;
};
});
二、Html:
<div ng-repeat="item in items | unique: 'id'"></div>
希望本文所述对大家AngularJS程序设计有所帮助。
相关文章
angular.js指令中的controller、compile与link函数的不同之处
最近一位大神问了我angular.js指令中的controller、compile与link函数的不同,想了想居然回答不出来,所以必须要深入的探究下,下面这篇文章主要介绍了关于angular.js指令中的controller、compile与link函数的不同之处,需要的朋友可以参考下。2017-05-05
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
这篇文章主要介绍了Angular实现的自定义模糊查询、排序及三角箭头标注功能,涉及AngularJS针对页面table元素的遍历、查询、判断、排序等相关操作技巧,需要的朋友可以参考下2017-12-12


最新评论