AngularJS（十三）AngularJS过滤器

过滤器（Filter）的作用是接收一组输入数据，在数据输出到视图前，按照一定的规则对视图进行处理，然后返回处理后的结果。

1 过滤器使用方法

1.1 表达式中使用过滤器

{{ expression | filter1:argument1:argument2 | filter2: argument1 | ...}}

1.2 指令中使用过滤器

在ng-repeat指令中先对array数组进行过滤处理再循环输出。

1.3 在Controller或AngularJS服务中使用过滤器

在Controller、Service、Factory、Provider等服务中也可以使用过滤器，方式是我们所熟悉的依赖注入。

AngularJS提供了一个$filter服务，可以调用所有的过滤器，只需要注入一个$filter旧可以。

$scope.amount = $filter("currency")(1000123);
$scope.date = $filter("date")(new Date(), "yyyy-MM-dd hh:mm:ss");

2 AngularJS内置过滤器

· filter
· currency
· number
· lowercase&&uppercase
· date
· json
· limitTo
· orderBy

3 自定义过滤器

var app = angular.module("app", []);
app.filter("filterName", function() {
    return function(input) {
        // 逻辑处理
        ......
        return result;
    }
});

filter()方法接收两个参数，第一个参数为过滤器名称，第二个参数为过滤器定义方法，该方法必须返回一个用于处理过滤器逻辑的方法，返回的方法可以接收一个参数，即过滤器的输出数据。

4 第三方过滤器库的使用

· angular-filter
· angular-emoji-filter