ng中的过滤器

时间:2023-03-09 14:48:06
ng中的过滤器

angular中对输出的值提供过滤器,用法如下:

{{name | currency:"¥"}}</p>

这是在在html中的用法,用 | 来添加过滤器,过滤器后面通过 : 来添加相应的一些参数,angular内置的过滤器有

currency  number  lowercase/uppercase  json  limitTo  date  orderBy  filter

在js中的用法:

m1.controller('Aaa',['$scope','$filter',function($scope,$filter){

    $scope.name = $filter('firstUpper')('hello');    

}]);

通过在controller中注入$filter服务,就可以调用$filter方法。

2.自定义过滤器

当内置过滤器不够用的时候,可以通过模块下面的filter方法来创建自定义过滤器

m1.$filter('firstUpper',function(){
return function(str){
return str.charAt(0).toUpperCase()+_str.substring(1);
}
});