过滤器可以用来格式化需要展示给用户的数据。在Angular中既可以是在HTML中,也可以是在Js文件中这两个地方来使用过滤器。
下面就拿字符串转换为大写的来举例。
1)HTML中转化
在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。
例如:
{{ name | uppercase }}
说明:在AngularJs中有很多实用的内置过滤器,uppercase就是其中之一,可以用来将字符串中的小写转换为大写。此外,AngularJS同时也提供了方便的途径可以让开发人员自己来创建过滤器。
2)JS中转换
在javascript代码中可以通过$filter来调用过滤器。
例如:
app.conttoller("myDemoController",['$scope','$filter',function($scope,$filter){
$scope.name = $filter('uppercase')('wang mei');
}]);