您的位置:首页 > Web前端 > AngularJS

AngularJs自定义过滤器

2017-04-27 21:42 525 查看
AngularJs自定义过滤器
AngularJs自定义过滤器:补充AngularJs过滤器不足之处。

如:


<div ng-controller="myCtrl">
<h2>自定义插件还原大小写</h2>
<p ng-bind="name"></p>
<p ng-bind="name | upper"></p>
<p ng-bind="name | lower"></p>
<h2>自定义插件数组去重</h2>
原数组:<p ng-bind="arry"></p>
去重:<p ng-bind="arry | quChong"></p>
</div>

<script>
var app=angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
$scope.name="zhuang shu";
$scope.arry=[1,2,8,6,2,5,1];
})
app.filter("upper",function(){
return function(value){
value=value.toUpperCase();
return value;
}
})
app.filter("lower",function(){
return function(value){
value=value.toLowerCase();
return value;
}
})
app.filter("quChong",function(){
return function(value){
for(var i=0;i<value.length;i++){
for(var j=i+1;j<value.length;j++){
if(value[i]==value[j]){
value.splice(j,1);
j--;
}
}
}
return value;
}
})

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: