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最常用与实用的创建类的代码
Aug 12 Javascript
js仿百度贴吧验证码特效实例代码
Jan 16 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
浅谈React碰到v-if
Nov 04 Javascript
小程序自定义单页面、全局导航栏的实现代码
Mar 15 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
vue 翻页组件vue-flip-page效果
Feb 05 Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
vant 中van-list的用法说明
Nov 11 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
Terran历史背景
2020/03/14 星际争霸
从手册去理解分析PHP session机制
2011/07/17 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
JS中call/apply、arguments、undefined/null方法详解
2016/02/15 Javascript
完善的jquery处理机制
2016/02/21 Javascript
jQuery实现的跨容器无缝拖动效果代码
2016/06/21 Javascript
jQuery 操作input中radio的技巧
2016/07/18 Javascript
request请求获取参数的实现方法(post和get两种方式)
2016/09/27 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
vue给对象动态添加属性和值的实例
2019/09/09 Javascript
jquery 遍历hash操作示例【基于ajax交互】
2019/10/12 jQuery
Echarts实现单条折线可拖拽效果
2019/12/19 Javascript
js实现多个标题吸顶效果
2020/01/08 Javascript
原生JS利用transform实现banner的无限滚动示例代码
2020/06/15 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
2020/07/31 Javascript
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Ruby使用eventmachine为HTTP服务器添加文件下载功能
2016/04/20 Python
Python中super函数的用法
2017/11/17 Python
Python中 传递值 和 传递引用 的区别解析
2018/02/22 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
python实现ping命令小程序
2020/12/28 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
英国品牌男装折扣网站:Brown Bag
2018/03/08 全球购物
在校硕士自我鉴定
2014/01/23 职场文书
学校门卫岗位职责
2014/03/16 职场文书
库房保管员岗位职责
2014/04/07 职场文书
员工安全承诺书
2014/05/22 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
在校学生证明格式
2015/06/24 职场文书
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android
ant design charts 获取后端接口数据展示
2022/05/25 Javascript