Angular js 学习之filter 过滤器

     工作中用的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
  

可以通过函数或其它定制自己的filter已达到程序的要求。添加待续

转载于:https://my.oschina.net/u/1409515/blog/540482

• 点赞
• 收藏
• 分享
• 文章举报