Angularjs过滤器的开发.

先上代码.

 <!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!

巴特西

Angularjs过滤器的开发.

最新文章

热门文章