Angular js 学习之filter 过滤器
Angular js 学习之filter 过滤器
挨踢的小耗子 发表于2年前
Angular js 学习之filter 过滤器
  • 发表于 2年前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

     工作中用的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已达到程序的要求。添加待续

共有 人打赏支持
粉丝 2
博文 3
码字总数 582
×
挨踢的小耗子
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: