本文实例讲述了AngularJS使用过滤器自定义过滤器控制尼日利亚重复去除重复功能。分享给大家供大家参考,具体如下:
!DOCTYPE html html hearteta charset=' utf-8 '标题www。JB 51。净ng-重复去除重复/title脚本src=' http :http://apps。bdimg。com/libs/angular。js/1。4 .6/棱角分明。量滴js/script/head dydiv ng-app=' myApp ' ng-controller=' myCtrl ' p ng-repeat=' x in items | unique 3360 ' id ' ' { { x . id } }-{ { x . name } }/p/div script//angular js自定义过滤器//1.使用过滤器,去除重复angular.module('common ',[]).filter('unique ',function(){ return function(collection,keyname){ console。信息(集合);控制台。info(keyname);定义变量输出=[],键=[];angular.forEach(集合,函数(项){ var key=item[keyname];if(键。indexof(key)===-1){ keys。推(键);output.push(项);} });返回输出;} });var app=angular.module('myApp ',[' common ']);app.controller('myCtrl ',函数($ scope){/$ scope。items=[1,2,3,2];//当前独一无二的的过滤只针对,对象数组过滤$scope.items=[ { id: 1,name: 'zhangsan' },{ id: 2,name: 'lisi' },{ id: 1,name: 'zhangsan' },];});/脚本/正文/html运行结果:
PS:这里再为大家提供几款相关工具供大家参考使用:
在线去除重复项工具:http://工具。JB 51。网络/代码/曲冲
在线文本去重复工具:http://工具。JB 51。net/aidesign/txt _ quchong
更多关于AngularJS相关内容感兴趣的读者可查看本站专题: 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。