AngularJS使用之过滤器

filter过滤器是将Angular中数据模型Model中的数据以自定义的方式展现在View模块中

AngularJS过滤器
在表达式中通过 | filter 来定义

1.将数字转化为货币形式
currency:”RMB:￥” 默认情况下前面加美元符号”$“, 如果后面冒号后有字符串，则可以显示字符串内容。货币通常针对数字的数据类型而言

2.转换大小写
uppercase && lowercase 将前面的字符串转换为大小写

3.对数组进行排序
orderBy:”price” 对对象数组products进行排序，orderBy的依据为其中的一个属性，当属性为数字时，则按从小到大排列，负号相反。如果为字符串时，则按照首字母的顺序排列

4.对显示的数据进行限制
limitTo: 2:2 第一个参数2表示要显示的数量，第二个2表示从第几个开始显示，默认从0开始。0为第一个元素

5.{{product.birthday | date:”yyyy年MM月dd日 HH:mm:ss”}}
对时间对象进行格式转化
如果转换的数据类型为时间对象Date，使用date过滤器可以定义想要显示的日期类型，默认情况下显示的是日月年 Sep 7, 2016. 也可以自定义显示类型，如上所示，其中yyyy, MM, dd, HH, mm,ss分别代表了 年月日时分秒的数据。

6.自定义过滤器
原始的数组 => [自定义过滤器] => 生成要显示的子数组

myapp.filter("myFilter2",function(){
    return function (content,msg){
        return content.replace(/枪/g,msg);
    };
});

自定义过滤器格式如上。返回一个函数，并且至少有一个参数content. content代表使用时要进行过滤的对象。第二个参数msg代表过滤器的第一个参数
函数要return 一个要显示的字符串或数组，也就是过滤之后的对象

{{message | myFilter2:"abc"}}
其中定义中的content代表message, “abc”代表定义中的msg