AngularJs删除ng-repeat中的重复元素

前端之家收集整理的这篇文章主要介绍了AngularJs删除ng-repeat中的重复元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个字典存储在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或下划线的独特函数,如果你已经引用这些库。

猜你在找的Angularjs相关文章