AngularJs删除ng-repeat中的重复元素
发布时间：2020-12-17 08:38:44 所属栏目：安全 来源：网络整理
导读：我有一个字典存储在field_detail li ng-repeat = "field in field_detail"{{field.displayName}}/li 现在我不想包括重复displayName field_detail，我应该使用什么过滤器？ 只需创建一个过滤器，获取唯一的值，可能通过一个键。这样的东西应该做(我没有测试
|
我有一个字典存储在field_detail
<li ng-repeat = "field in field_detail">{{field.displayName}}</li>
现在我不想包括重复displayName field_detail，我应该使用什么过滤器？
只需创建一个过滤器，获取唯一的值，可能通过一个键。这样的东西应该做(我没有测试这一切，所以我会离开这个业务给你，这只是给你一个想法)：
app.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;
};
});
<div ng-repeat="item in items | unique: 'id'"></div> 注意：Array.indexOf()在IE8中不起作用，所以如果你支持IE8，你需要在indexOf()中存根，或者你需要使用一个稍微不同的方法。 其他想法：最好只是创建一个过滤器，利用lowdash或下划线的独特函数，如果你已经引用这些库。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |