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

 更新时间:2016年08月05日 11:44:58   作者:Quber  
这篇文章主要介绍了Angularjs的ng-repeat中去除重复数据的方法,涉及AngularJS针对重复数据的遍历与过滤技巧,需要的朋友可以参考下

本文实例讲述了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-switch 指令简单示例

    AngularJS基础 ng-switch 指令简单示例

    本文主要讲解AngularJS ng-switch 指令,这里对ng-switch 指令的基础资料做了详细整理,并附代码示例,有兴趣的小伙伴可以参考下
    2016-08-08
  • AngularJS入门教程之模块化操作用法示例

    AngularJS入门教程之模块化操作用法示例

    这篇文章主要介绍了AngularJS模块化操作用法,结合实例形式分析了AngularJS基于模块化操作避免命名冲突的相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • Angular.JS学习之依赖注入$injector详析

    Angular.JS学习之依赖注入$injector详析

    随着javaEE的spring框架的兴起,依赖注入(IoC)的概念彻底深入人心,它彻底改变了我们的编码模式和思维。在AngularJS中也有依赖注入的概念,像spring中的依赖注入,但是又有所不同。Angular中只需要在需要的地方声明一下即可,类似模块的引用,因此十分方便。
    2016-10-10
  • 在angular 6中使用 less 的实例代码

    在angular 6中使用 less 的实例代码

    这篇文章主要介绍了在angular 6中使用 less 的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • python爬取安居客二手房网站数据(实例讲解)

    python爬取安居客二手房网站数据(实例讲解)

    下面小编就为大家带来一篇python爬取安居客二手房网站数据(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 详解angular2如何手动点击特定元素上的点击事件

    详解angular2如何手动点击特定元素上的点击事件

    这篇文章主要介绍了详解angular2如何手动点击特定元素上的点击事件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • Angular异步变同步处理方法

    Angular异步变同步处理方法

    今天小编就为大家分享一篇Angular异步变同步处理方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • AngularJs中$cookies简单用法分析

    AngularJs中$cookies简单用法分析

    这篇文章主要介绍了AngularJs中$cookies简单用法,结合实例形式分析了AngularJS使用$cookies存储变量相关操作技巧与注意事项,需要的朋友可以参考下
    2019-05-05
  • 详解Angular CLI + Electron 开发环境搭建

    详解Angular CLI + Electron 开发环境搭建

    本篇文章主要介绍了Angular CLI + Electron 开发环境搭建,具有一定的参考价值,有兴趣的可以了解一下
    2017-07-07
  • Angular实现预加载延迟模块的示例

    Angular实现预加载延迟模块的示例

    本篇文章主要介绍了Angular实现预加载延迟模块的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10

最新评论