51dev.com IT技术开发者社区

51dev.com 技术开发者社区

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

Javascript互联网报道阅读(124)2018-04-23 收藏0次评论

本文实例讲述了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的ng-repeat中去除重复数据的方法的全部内容,请多关注【51DEV】IT技术开发者社区。