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 文件大小判断的实现代码
Apr 07 Javascript
JS事件Event元素(兼容IE,Firefox,Chorme)
Nov 01 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
JavaScript DOM操作表格及样式
Apr 13 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
表单验证插件Validation应用的实例讲解
Oct 10 Javascript
JavaScript仿微博发布信息案例
Nov 16 Javascript
js自制图片放大镜功能
Jan 24 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
Aug 19 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
用JS实现飞机大战小游戏
Jun 09 Javascript
angular异步验证器防抖实例详解
Mar 31 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
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
php使用curl抓取qq空间的访客信息示例
2014/02/28 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
js调用flash的效果代码
2008/04/26 Javascript
一些不错的js函数ajax
2008/08/20 Javascript
使用JavaScript刷新网页的方法
2015/06/04 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
vue组件tabbar使用方法详解
2018/11/06 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
[05:06]DOTA2-DPC中国联赛 正赛 VG vs Magma选手采访
2021/03/11 DOTA
python中set()函数简介及实例解析
2018/01/09 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
python+mysql实现个人论文管理系统
2019/10/25 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
大学毕业感言
2014/01/10 职场文书
小学三年级数学教学反思
2014/01/31 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
企业安全生产责任书范本
2014/07/28 职场文书
事业单位个人总结
2015/02/12 职场文书
自我评价优缺点范文
2015/03/11 职场文书
2015年纪委工作总结
2015/05/13 职场文书
中学教师读书笔记
2015/07/01 职场文书
运动会三级跳加油稿
2015/07/21 职场文书