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


Posted in Javascript onAugust 05, 2016

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

Javascript 相关文章推荐
JavaScript中void(0)的具体含义解释
Feb 27 Javascript
新鲜出炉的js tips提示效果
Apr 03 Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
JS给超链接加确认对话框的方法
Feb 24 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
jQuery插件uploadify实现ajax效果的图片上传
Jun 18 Javascript
javascript的几种写法总结
Sep 30 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
JS实现的DOM插入节点操作示例
Apr 04 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 jQuery
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 #Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 #Javascript
JavaScipt选取文档元素的方法(推荐)
Aug 05 #Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 #Javascript
jQuery实现定位滚动条位置
Aug 05 #Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 #Javascript
浅谈JavaScript中的this指针和引用知识
Aug 05 #Javascript
You might like
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
详解本地Node.js服务器作为api服务器的解决办法
2017/02/28 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
JS路由跳转的简单实现代码
2017/09/21 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
js new Date()实例测试
2019/10/31 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
[03:07]DOTA2英雄基础教程 冰霜诅咒极寒幽魂
2013/12/06 DOTA
给Python初学者的一些编程技巧
2015/04/03 Python
用实例解释Python中的继承和多态的概念
2015/04/27 Python
python进阶之多线程对同一个全局变量的处理方法
2018/11/09 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
python list多级排序知识点总结
2019/10/23 Python
如何获取Python简单for循环索引
2019/11/21 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
应聘自荐书
2013/10/08 职场文书
哈弗商学院毕业生求职信
2014/02/26 职场文书
亲属关系公证书样本
2015/01/23 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
2016优秀班主任个人先进事迹材料
2016/02/26 职场文书
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
Pandas实现批量拆分与合并Excel的示例代码
2022/05/30 Python