欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-10 18:31:25
本文实例讲述了angularjs的ng-repeat中去除重复数据的方法。分享给大家供大家参考,具体如下: 一、js: ngapp.filter('unique...

本文实例讲述了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程序设计有所帮助。