首页 > 代码库 > ng自定义一个过滤器
ng自定义一个过滤器
ng允许我们自定义指令
下面来我们自己来定义一个过滤指令：filter,返回一个函数的形式
filter(name,callback(){//name:过滤器的名字，callback：匿名函数
return function(collection,keynames){//collection:该指令前面的对象，keynames:用于过滤的关键字
/........................./
}
})
金典的例子：
demo:
<!doctype html>
<html lang="en" ng-app="myApp">
<head>
<script src="http://www.mamicode.com/angular.js"></script>
</head>
<body ng-controller="myCtrl">
<div ng-repeat="item in array_object | unique:‘name‘">
{{item}}
</div>
</body>
</html>
<script>
angular.module("myApp",[])
.controller("myCtrl",["$scope",function(s){
s.array_object=[{"name":"明哥哥"},{"name":"小林黛玉"},{"name":"大哥大"},{"name":"小林黛玉"}];
s.Two_Fish="fdsdf";
s.change=function(){
console.log(s.Two_Fish);
}
}])
.filter("unique",function(){
return function(collection,keynames){
var output=[];//存储，过滤之后的对象
var keys=[];//用于对比过滤
angular.forEach(collection,function(item){
var key=item[keynames];
if(keys.indexOf(key)===-1){
keys.push(key);
output.push(item);
}
});
console.log(output);
return output;
}
});
</script>
结果很迷人：
{"name":"明哥哥"}
{"name":"小林黛玉"}
{"name":"大哥大"}
ng自定义一个过滤器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。