angular.js 自定义过滤器去重

han_hanker

于 2017-03-15 14:43:39 发布

阅读量1.9k

点赞数

分类专栏： angularjs 文章标签： angular

angularjs 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个 AngularJS 自定义过滤器 'unique' 的实现方法，该过滤器能够帮助开发者在使用 ng-repeat 时去除重复元素。通过提供一个 keyname 参数来确定依据哪个属性进行唯一性检查。

转载于：http://stackoverflow.com/questions/20222555/angularjs-remove-duplicate-elements-in-ng-repeat http://www.cnblogs.com/uncleJOKER/p/5091936.html

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>