angular中内置的九种过滤器

过滤器是angular来格式化展示数据的,用 ‘|’来调用过滤器,如果要传参数使用 ':'。

货币转换 currency

{{123 | currency }} //$123
{{123 | currency:'¥' }} //¥123

格式化时间 date

{{new Date() | date:'yyyyMMdd'}} //2016/11/02
yyyy/yy : 2016 / 16(年)
MM: 11 (月)
dd:02 (日)
h/hh : 8 / 08 (时)
m/mm : 5 / 05 (分)
s /ss : 9 /09(秒)
EEEE/EEE :(星期)

filter

filter可以将一个数组,对象,函数,字符串中选择满足条件的子集,并返回一个新数组
{{arr | filter:'s'}} //选出arr数组中带 ‘s’的项

json

将JavaScript对象转为json对象

截取字符串和数组 limitTo

str : "abcdefg"
{{ str |limitTo:1 }}
1可为负值:当为负值的时候从后向前截取

将字符串数字转为数字 number

{{'123.134545'| number:4}} //保留4位小数 四舍五入 默认保留3位小数

uppercase lowercase

将英文字母转为大写或小写。
{{ 'Hello' | uppercase }} //HELLO
{{'Hello' | lowercase}} //hello

orderBy 数组排序

默认: 正序(1-9 a-z)
传参数: 按指定参数的顺序排列

自定义过滤器

app.filter('过滤器的名称',function (){
return function(str){
return str
}
})

posted @ 2017-07-26 14:12  rainbow8590  阅读(299)  评论(0)    收藏  举报