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

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...