工作中用的angular js 前端开发,今天做了个filter 的功能,顺便总结下angular js 的过滤器的用法。
-
in Html template binding : 主要是在html 页面使用,具体用法如下
{{ filter_expression | filter : expression : comparator}}
该用法可以使用angular 内置的九种过滤器,分别为
{{num | currency : '¥'}}
{{date | date : 'yyyy-MM-dd hh:mm:ss EEEE'}}
{{ array | filter : 'a' }} //匹配属性值中含有a的,如果是对象数组的唯一匹配,最好用参数对象匹配,以防止出现
匹配不严密的情况
可以匹配数组,数组对象,返回匹配出的数组
{{objectArray | filter : {name : 'i'} }} //参数是对象,匹配name属性中含有i的
{{ jsonTest | json}}
json过滤器可以把一个js对象格式化为json字符串,没有参数
{{ array| limitTo : 2 }} //将会显示数组中的前两项
lowercase(小写),uppercase(大写),number(格式化数字),orderBy(排序)
-
in javascript:在js中
$filter('filter')(array, expression, comparator)
该用法主要在js 中使用,需要把filter 注入进来,以上9种内置都可使用。
-
自定义filter