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 二分法(数组array)
Apr 24 Javascript
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
vue中post请求以a=a&amp;b=b 的格式写遇到的问题
Apr 27 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
react native 文字轮播的实现示例
Jul 27 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
小程序绑定用户方案优化小结
May 15 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
Oct 28 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
海贼王:最美的悬赏令!
2020/03/02 日漫
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
PHP-MySQL教程归纳总结
2008/06/07 PHP
php下载文件超时时间的设置方法
2016/10/06 PHP
PHP基于反射机制实现插件的可插拔设计详解
2016/11/10 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
jQuery中[attribute^=value]选择器用法实例
2014/12/31 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
最好用的Bootstrap fileinput.js文件上传组件
2016/12/12 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
Vue.js 60分钟快速入门教程
2017/03/28 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
underscore之function_动力节点Java学院整理
2017/07/11 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
python基于xml parse实现解析cdatasection数据
2014/09/30 Python
Python学习笔记之open()函数打开文件路径报错问题
2018/04/28 Python
python 每天如何定时启动爬虫任务(实现方法分享)
2018/05/21 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
Python-jenkins 获取job构建信息方式
2020/05/12 Python
python 偷懒技巧——使用 keyboard 录制键盘事件
2020/09/21 Python
泰国办公用品购物网站:OfficeMate
2018/02/04 全球购物
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
成龙洗发水广告词
2014/03/14 职场文书
中秋客户感谢信
2015/01/22 职场文书
试用期解除劳动合同通知书
2015/04/16 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
Python Django获取URL中的数据详解
2021/11/01 Python
vue数据字典取键值项目的字典问题
2022/04/12 Vue.js