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

Question

我有一本字典存放在 field_detail

<li ng-repeat = "field in field_detail">{{field.displayName}}</li>

现在，我不想包含重复displayName的field_detail，我filter应该使用什么？

Answer 1

只需创建一个可以通过键获取唯一值的过滤器即可。这样的事情应该做（我根本没有测试过，所以我把这件事留给你，这只是给你一个主意）：

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或下划线的唯一函数的过滤器。