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 相关文章推荐
广告显示判断
Aug 31 Javascript
Jqyery中同等与js中windows.onload的应用
May 10 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
jquery实现可关闭的倒计时广告特效代码
Sep 02 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
Sep 04 Javascript
JavaScript匿名函数之模仿块级作用域
Dec 12 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 Javascript
vue 子组件watch监听不到prop的解决
Aug 09 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
php4与php5的区别小结(配置异同)
2011/12/20 PHP
PHP实现下载功能的代码
2012/09/29 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
php实现登录页面的简单实例
2019/09/29 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
onkeypress字符按键兼容所有浏览器使用介绍
2013/04/24 Javascript
js带前后翻页的图片切换效果代码分享
2015/09/08 Javascript
移动端界面的适配
2017/01/11 Javascript
Jquery实现跨域异步上传文件总结
2017/02/03 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
vue实现鼠标移入移出事件代码实例
2019/03/27 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
[06:25]第二届DOTA2亚洲邀请赛主赛事第二天比赛集锦.mp4
2017/04/03 DOTA
python 输出上个月的月末日期实例
2018/04/11 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python爬虫URL重试机制的实现方法(python2.7以及python3.5)
2018/12/18 Python
Python魔法方法详解
2019/02/13 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
英国音乐设备和乐器商店:Gear4music
2017/10/16 全球购物
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
澳大利亚领先的亚麻品牌:Bed Threads
2019/12/16 全球购物
土木工程师岗位职责
2013/11/24 职场文书
酒店人事专员岗位职责
2013/12/19 职场文书
会计专业自我鉴定范文
2013/12/29 职场文书
办公室文员岗位职责
2015/02/04 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
Python3.10的一些新特性原理分析
2021/09/15 Python
Windows server 2022创建创建林、域树、子域的步骤
2022/06/25 Servers