微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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或下划线的独特函数,如果你已经引用这些库。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐