先上代码.
<!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!