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 实用小技巧
Apr 07 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
推荐10 款 SVG 动画的 JavaScript 库
Mar 24 Javascript
Jquery 分页插件之Jquery Pagination
Aug 25 Javascript
JavaScript获取浏览器信息的方法
Nov 20 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
Apr 27 Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
js实现抽奖的两种方法
Mar 19 Javascript
javascript实现数字时钟效果
Feb 06 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
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
JS实现可编辑的后台管理菜单功能【附demo源码下载】
2016/09/13 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
完美解决axios跨域请求出错的问题
2018/02/05 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
详解JavaScript的变量
2019/04/04 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
2019/04/20 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
python dict.get()和dict['key']的区别详解
2016/06/30 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
python支持多线程的爬虫实例
2019/12/21 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
班长岗位职责
2013/11/10 职场文书
机械设计毕业生自荐信
2014/02/02 职场文书
签约仪式主持词
2014/03/19 职场文书
班长竞选演讲稿
2014/04/24 职场文书
事业单位考核材料
2014/05/21 职场文书
活动总结范文
2014/08/30 职场文书
2014年班干部工作总结
2014/11/25 职场文书
市场营销计划书
2015/01/17 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
合同范本之电脑出租
2019/08/13 职场文书
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python
python标准库ElementTree处理xml
2022/05/20 Python