AngularJS1.x 的内置过滤器

1,uppercase,lowercase大小转换

{{ "hello world" | uppercase }}   //结果:HELLO WORLD 
{{ "NG is ANGULARJS" | lowercase }}     //结果:ng is angularjs

2,json格式化

{{ {foo: "bar", baz: 23} | json }}  //结果:{ "foo": "bar", "baz": 23 }

3,date格式化

{{ 1304375948024 | date }}             //结果:May 3, 2011 
{{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}   //结果:05/03/2011 @ 6:39AM 
{{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}  //结果:2011-05-03 06:39:08 

4,number格式化

{{ 1.234567 | number:1 }}  //结果:1.2 
{{ 1234567 | number }}    //结果:1,234,567 

5,currency货币格式化

{{ 250 | currency }}         //结果:$250.00 
{{ 250 | currency:"RMB ¥ " }}    //结果:RMB ¥ 250.00 

6,filter查找

{{ [{"id": 1,"name": "iphone"}, 
{"id": 2,"name": "sunm xing"}, 
{"id": 3,"name": "test abc"} 
] | filter:'s'}}  //查找含有有s的行 
  
//上例结果:[{"id":2,"name":"sunm xing"},{"id":3,"name":"test abc"}] 
  
{{ [{"id": 1,"name": "iphone"}, 
{"id": 2,"name": "sunm xing"}, 
{"id": 3,"name": "test abc"} 
] | filter:{'name':'iphone'} }}  //查找name为iphone的行 
  
//上例结果:[{"id":1,"name":"iphone"}] 

7,limitTo字符串,对象的截取

{{ "a bcde fghi" | limitTo:6 }}      //结果:a bcde 
{{ "a bcde fghi" | limitTo:-4 }}     //结果:fghi 
  
{{ [{"id": 1,"name": "iphone"}, 
{"id": 2,"name": "sunm xing"}, 
{"id": 3,"name": "test abc"} 
] | limitTo:1 }}   //结果:[{"id":1,"name":"iphone"}] 

8,orderBy对像排序

{{ [{"id": 1,"name": "iphone"}, 
{"id": 2,"name": "sunm xing"}, 
{"id": 3,"name": "test abc"} 
] | orderBy:'id':true }}    //根id降序排 
  
{{ [{"id": 1,"name": "iphone"}, 
{"id": 2,"name": "sunm xing"}, 
{"id": 3,"name": "test abc"} 
] | orderBy:'id' }}      //根据id升序排 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值