angluarJS自定义过滤器

来源:互联网 发布:sql语句大全 编辑:程序博客网 时间:2024/05/22 00:28
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
var app=angular.module("app",[]);
app.controller("mycontr",function($scope){
});

app.filter("myfilter",function(){
return function(input){

var ss1=input[0].toUpperCase()+input.slice(1);
return ss1;
}

});
app.filter("myhuan",function(){
return function(string){
var ss=string.replace("操","干");
return ss;
}
});
</script>
</head>
<body ng-app="app" ng-controller="mycontr" >
<!--价钱的过滤-->
<input ng-model="money" />
<p>{{money|currency:'¥'}}</p>
<!--字符串变大写-->
<input ng-model="str" />
<p>{{str|uppercase}}</p>
<!--自定义的过滤    首字母大写-->
<input ng-model="name"/>
<p> <!--ng-init="name='wangchuang'"-->{{name|myfilter}}</p>
<p ng-init="arr=[{age:20,name:'sdf'},{name:'hgfd',age:50},{age:25,name:'bvfd'}]">
{{arr|orderBy: 'age':true}}
</p>
<p ng-init="string='我要操八维漂亮的女老师'">{{string|myhuan}}</p>
</body>
</html>
原创粉丝点击