（五上）过滤器，调用方式，filter过滤器，过滤器函数参数_如何调用过滤器

过滤器的主要功能是格式化数据
可以使用Angular提供的过滤器，也可以自定义过滤器
Angular过滤器：
currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制长度)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。
例：{{ nowdate | date:'yyyy-mm-dd hh:mm:ss'}}

过滤器的3种调用方式：
单个过滤器 { 100.00 | currency } $100.00
多个过滤器 { 100.00 | currency | number:1 }$100.0
带参数的过滤器 { 100.00 | currency:'￥' }
filter过滤器

• filter过滤器会根据设置的检索数据过滤未匹配到的数据内容

<ul class="messages">
    <li ng-repeat="item in messages | filter:{content:123}">
        {{item.content}}
    </li>
</ul>
1
2
3
4
5

• 也可以通过设置检索条件为一个对象，实现在指定属性中检索

过滤器函数参数
通过自定义一个比较函数，为filter指定第二个参数

<ul class="numbers">
    <li ng-repeat="item in numbers | filter:1:comparator">
        {{ item }}
    </li>
</ul>
// js代码
$scope.comparator = function (source,target) {
    return source > target;
};
1
2
3
4
5
6
7
8
9

自定义过滤器 Module.filter（）
自定义过滤器实现自定义数据格式转换

angular.module('MyAppFilters', []).filter('checkmark', function() {
    return function(input) {   //过滤器函数 接受一个参数 为需要过滤的数据
        return input ? ‘\u2713’ : ‘\u2718’;  //返回过滤后的数据格式
    };
});

{{  name  |  checkmark }}
1
2
3
4
5
6
7
8