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

Angularjs过滤器的开发.

2015-07-21 10:25 603 查看
先上代码.

<!DOCTYPE html>
<html ng-app="FilterModule">
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="js/angularJs-1.2.16-min.js"></script>
</head>
<body  ng-controller="HomeController">
<input type="text"  ng-model="num" />
过滤结果:{{num|number:2}}<br/>
<h1>{{someWord | ChangeFirstWord}}</h1>

</body>
<script>
var homeModule=angular.module("FilterModule",[]);
homeModule.filter("ChangeFirstWord", function () {
var titleCaseFilter= function (zfc) {
var word="";
for(var i=0;i<zfc.length;i++){
if(i==0){
word+=zfc[i].toUpperCase();
}
else{
word+=zfc[i];
}
}
return word;
};
return titleCaseFilter;
});
homeModule.controller("HomeController", function ($scope) {
$scope.someWord="my heater will go on";
});
/*function HomeController($scope){
$scope.pageHeading="guds oyansi";
}*/

</script>
</html>


11行中的number过滤器是angular自带的.可以将数字按照自己预定的格式进行过滤.

后面的:2表示保留的小数位数.

angular自定义过滤器是非常方便的.上面的ChangeFirstWord就是我们自己定义的一个过滤器,

过滤将字符串中的首字母变成大写的格式.

So easy!
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航