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 相关文章推荐
用JS剩余字数计算的代码
Jul 03 Javascript
网易JS面试题与Javascript词法作用域说明
Nov 09 Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 Javascript
Javascript数组与字典用法分析
Dec 13 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
jQuery实现的自动加载页面功能示例
Sep 04 Javascript
微信小程序实现图片轮播及文件上传
Apr 07 Javascript
Vue2.0 多 Tab切换组件的封装实例
Jul 28 Javascript
使用Vue完成一个简单的todolist的方法
Dec 01 Javascript
全面了解JavaScript的作用域链
Apr 03 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 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
PHP表单提交后引号前自动加反斜杠的原因及三种办法关闭php魔术引号
2015/09/30 PHP
浅析onsubmit校验表单时利用ajax的return false无效问题
2013/07/10 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
jQuery 选择器详解
2015/01/19 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
基于javascript实现图片预加载
2016/01/05 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
Vue指令指令大全
2019/02/09 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
2019/05/27 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
python实现zabbix发送短信脚本
2018/09/17 Python
使用python3构建文件传输的方法
2019/02/13 Python
PyQt5实现简单的计算器
2020/05/30 Python
python如何安装下载后的模块
2020/07/03 Python
简单介绍HTML5中的文件导入
2015/05/08 HTML / CSS
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
上海期货面试题
2014/01/31 面试题
土木工程专业个人求职信
2013/12/30 职场文书
农林环境专业求职信
2014/03/13 职场文书
追悼会主持词
2014/03/20 职场文书
艺术教育实施方案
2014/05/03 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
治安消防安全责任书
2014/07/23 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
专项资金申请报告
2015/05/15 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
PyTorch 如何自动计算梯度
2021/05/23 Python