应用场景

为什么使用？
过滤器包含了转换逻辑，这些逻辑可被用于向视图中显示程序中的任何数据。
什么时候使用？
过滤器用于在数据被指令处理并显示到视图中之前将其 格式化、转换、以某种方式进行排序。

两种类型的内置过滤器

对单个数据进行操作
number过滤器：调整小数位数，根据需要进行四舍五入，该过滤器会自动在千分位处插入逗号；使用格式 {{ item.num | number: 0 }}，0表示零位小数；
date过滤器：格式化日期，使用格式 {{ item.data | date: 'yyyy-MM-dd'}}
对数据集合进行操作的
limitTo过滤器：展示规定的数据条数；使用格式 <li ng-repeat="item in items | limitTo: 5"></li>，正数从前往后，负数从后入往前；如果指定了一个大于数组大小的值，过滤器将会返回数组中的所有对象；
orderBy过滤器：对数组中的对象进行排序；使用格式 <li ng-repeat="item in items | orderBy: 'price'"></li>；排序字段名称一定要加隐号，如果要倒序排，则只需在字段前面添加负号即可

自定义过滤器

单参数过滤器（以百分比显示数据为例）

angular.module('app').filter(percent, function() {
    return function(value) {
        if(value && isNumber.isNumber(value)) {
          return value*100 + '%';
        }
    }
})

带参数过滤器（以文本截断为例）

angular.module('app').filter('ellipsis', function() {
    return function(value, length) {
       if(angular.isString(value) && angular.isNumber(length)) {
         return value.slice(0, length) + '...';
       }
    }
})

集合过滤器（以跳过前几条数据显示之后的数据为例）

angular.module('app').filter('skip', function() {
    return function(data, count) {
        if(angular.isArray(data) && angular.isNumber(count))
        {
            if(count > data.length || count < 1)
            {
                return data;
            }
            else
            {
                return data.slice(count);
            }
        }
        else
        {
            return data;
        }
    }
})

说明：链式调用，这样多个过滤器可以按照顺序对同一数据进行操作。