Angularjs的ng-repeat中去除重复数据的方法

2019-12-05,,,,,

本文实例讲述了Angularjs的ng-repeat去除重复数据的方法。分享给大家供大家参考,具体如下:

一、JS:

ngApp.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;
  };
});

二、Html:

<div ng-repeat="item in items | unique: 'id'"></div>

希望本文所述对大家AngularJS程序设计有所帮助。

您可能感兴趣的文章:

  • 详解AngularJS中的filter过滤器用法
  • AngularJS中的过滤器filter用法完全解析
  • AngularJS过滤器filter用法总结
  • 详解AngularJS中$filter过滤器使用(自定义过滤器)
  • AngularJS ng-repeat数组有重复值的解决方法
  • AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
  • AngularJs验证重复密码的方法(两种)
  • AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例

《Angularjs的ng-repeat中去除重复数据的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。