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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
提高 DHTML 页面性能
Dec 25 Javascript
javascript 树控件 比较好用
Jun 11 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
JS数学函数Exp使用说明
Aug 09 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
解决vue单页面修改样式无法覆盖问题
Aug 05 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
8个PHP程序员常用的功能汇总
2014/12/18 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
JavaScript访问样式表代码
2010/10/15 Javascript
初学js插入节点appendChild insertBefore使用方法
2011/07/04 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
jQuery动态设置form表单的enctype值(实现代码)
2013/07/04 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
2013/10/17 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
webpack常用配置项配置文件介绍
2016/11/07 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
Zepto实现密码的隐藏/显示
2017/04/07 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
2018/10/08 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
详解Python爬虫的基本写法
2016/01/08 Python
python pandas 如何替换某列的一个值
2018/06/09 Python
Django stark组件使用及原理详解
2019/08/22 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
通过python 执行 nohup 不生效的解决
2020/04/16 Python
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
建房协议书
2014/04/11 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
对Keras自带Loss Function的深入研究
2021/05/25 Python
python数字类型和占位符详情
2022/03/13 Python
SQL Server中的游标介绍
2022/05/20 SQL Server