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 相关文章推荐
jquery固定底网站底部菜单效果
Aug 13 Javascript
js获取会话框prompt的返回值的方法
Jan 10 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
javascript 将共享属性迁移到原型中去的实现方法
Aug 31 Javascript
js编写的treeview使用方法
Nov 11 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 Javascript
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
数据库的日期格式转换
2006/10/09 PHP
PHP-MySQL教程归纳总结
2008/06/07 PHP
ThinkPHP之用户注册登录留言完整实例
2014/07/22 PHP
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
Javascript中apply、call、bind的巧妙使用
2016/08/18 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
浅谈jquery中使用canvas的问题
2016/10/10 Javascript
详解express + mock让前后台并行开发
2018/06/06 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
小程序实现悬浮搜索框
2019/07/12 Javascript
webgl实现物体描边效果的方法介绍
2019/11/27 Javascript
JavaScript运动原理基础知识详解
2020/04/02 Javascript
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
python中模块查找的原理与方法详解
2017/08/11 Python
Python退火算法在高次方程的应用
2018/07/26 Python
pytorch梯度剪裁方式
2020/02/04 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
基于第一个PhoneGap(cordova)的应用详解
2013/05/03 HTML / CSS
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
印度领先的眼镜电子商务网站:Lenskart
2019/12/16 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
基于Python 函数和方法的区别说明
2021/03/24 Python
毕业生动漫设计求职信
2013/10/11 职场文书
打架检讨书2000字
2014/02/22 职场文书
小学德育工作经验交流材料
2014/05/22 职场文书
大学生党员自我评价
2015/03/04 职场文书
辞职信格式范文
2015/05/13 职场文书
埃及王子观后感
2015/06/16 职场文书
婚宴父亲致辞
2015/07/27 职场文书
2016年中秋节晚会领导致辞
2015/11/26 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
2016年小学“感恩教师”主题队日活动总结
2016/04/01 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
HTML中的表格元素介绍
2022/02/28 HTML / CSS