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面向对象编程(一) 实例代码
Jun 25 Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
js 火狐下取本地路径实现思路
Apr 02 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
Feb 11 Javascript
原生js和jquery实现图片轮播淡入淡出效果
Apr 23 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 Javascript
JavaScript数组特性与实践应用深入详解
Dec 30 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 Javascript
Vue提供的三种调试方式你知道吗
Jan 18 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
PHP对接微信公众平台消息接口开发流程教程
2014/03/25 PHP
删除PHP数组中的重复元素的实现代码
2017/04/10 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
js获取url参数值的两种方式
2013/09/10 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
js判断节假日实例代码
2017/12/27 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
Electron+vue从零开始打造一个本地播放器的方法示例
2020/10/27 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
vue常用高阶函数及综合实例
2021/02/25 Vue.js
Python中利用xpath解析HTML的方法
2018/05/14 Python
Python函数参数匹配模型通用规则keyword-only参数详解
2019/06/10 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
详解Django配置JWT认证方式
2020/05/09 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
CSS3 transform的skew属性值图文详解
2014/07/21 HTML / CSS
阿迪达斯意大利在线商店:adidas意大利
2016/09/19 全球购物
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
英国打印机墨水和碳粉商店:Printerinks
2017/06/30 全球购物
SOA的常见陷阱或者误解是什么
2014/10/05 面试题
自学考试自我鉴定范文
2013/09/26 职场文书
求职毕业生自荐书
2014/02/08 职场文书
小学生开学感言
2014/02/28 职场文书
微笑面对生活演讲稿
2014/05/13 职场文书
小学教师读书活动总结
2014/07/08 职场文书
小学庆六一活动总结
2014/08/28 职场文书
Python Django搭建文件下载服务器的实现
2021/05/10 Python