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+ajax验证不通过也提交表单问题处理
Dec 12 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
Jan 09 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
Bootstrap表单控件使用方法详解
Jan 11 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
vue2.0全局组件之pdf详解
Jun 26 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
小程序封装路由文件和路由方法(5种全解析)
May 26 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 Javascript
vue 把二维或多维数组转一维数组
Apr 24 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
DIY实用性框形天线
2021/03/02 无线电
如何使用PHP获取网络上文件
2006/10/09 PHP
如何给phpadmin一个保护
2006/10/09 PHP
laravel学习教程之存取器
2016/07/30 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
详解vue axios中文文档
2017/09/12 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
elementUI多选框反选的实现代码
2019/04/03 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
JavaScript实现图片放大预览效果
2020/11/02 Javascript
[54:18]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第一场 1月22日
2021/03/11 DOTA
python通过线程实现定时器timer的方法
2015/03/16 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
Django使用Jinja2模板引擎的示例代码
2019/08/09 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
pycharm导入源码的具体步骤
2020/08/04 Python
IE滤镜与CSS3效果(详细整理分享)
2013/01/25 HTML / CSS
css3圆角边框和边框阴影示例
2014/05/05 HTML / CSS
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
中医临床专业自我鉴定范文
2014/01/15 职场文书
音乐教学随笔感言
2014/02/19 职场文书
四年级学生评语大全
2014/04/21 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
在Python中如何使用yield
2021/06/07 Python