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 相关文章推荐
基于jquery的文本框与autocomplete结合使用(asp.net+json)
May 30 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
原生JavaScript实现todolist功能
Mar 02 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
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
使用XHGui来测试PHP性能的教程
2015/07/03 PHP
php生成txt文件实例代码介绍
2016/04/28 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
JavaScript之自定义类型
2012/05/04 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
javascript抽象工厂模式详细说明
2014/12/16 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
Ionic + Angular.js实现验证码倒计时功能的方法
2017/06/12 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
TypeScript类型声明书写详解
2019/08/28 Javascript
python实现windows壁纸定期更换功能
2019/01/21 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
Django静态文件加载失败解决方案
2020/08/26 Python
巴西购物网站:Onofre Agora
2020/06/08 全球购物
linux面试题参考答案(5)
2016/11/05 面试题
热门专业求职信
2014/05/24 职场文书
班级口号大全
2014/06/09 职场文书
毕业论文指导教师评语
2014/12/30 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
MySQL基础(一)
2021/04/05 MySQL
Python如何把不同类型数据的json序列化
2021/04/30 Python