angularjs知识点三过滤器

html中的过滤器

在HTML中的模板绑定符号{{ }}内通过|符号来调用过滤器。例如，假设我们希望将字符串转换成大写，可以对字符串中的每个字符都单独进行转换操作，也可以使用过滤器：{{ name | uppercase:parm }},有很多内置过滤器。

js中的过滤器

在JavaScript代码中可以通过$filter来调用过滤器。例如，在JavaScript代码中使用lowercase过滤器：

app.controller('DemoController', ['$scope', '$filter',
function($scope, $filter) {
$scope.name = $filter('lowercase')('Ari');
}]);

自定义过滤器

正如前面所见，创建自定义过滤器非常容易。创建自定义过滤器需要将它放到自己的模块中。下面我们一起来实现一个过滤器，将字符串第一个字母转换为大写。

angular.module('myApp.filters', [])
.filter('capitalize', function() {
    return function(input) {
        // input是我们传入的字符串
        if (input) {
            return input[0].toUpperCase() + input.slice(1);
}
});