angularJS中的过滤器

1、uppercase,lowercase 大小写转换

{{ "lower cap string" | uppercase }}   // 结果:LOWER CAP STRING
{{ "TANK is GOOD" | lowercase }}      // 结果:tank is good

2、date 格式化

{{1490161945000 | date:'公元yyyy/MM/dd EEEE 中国标准时间hh:mm:ss'}}  // 公元2018/04/25 Wednesday 中国标准时间10:41:16

3、number 格式化(保留小数)

{{14.194 | number:2}}    //14.19 保留两位小数,四舍五入
{{14.19 | number:3}}    //14.190 保留三位小数,不够的补0

{{14.1945 | number }}    //14.195 默认保留三位数,四舍五入

4、currency货币格式化

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

5、filter查找

filter 过滤器从 数组/对象 中选择一个子集

$scope.items = ['html','css','js'];
$scope.perall = [
	{name : 'jack',age : 16},
	{name : 'sunny',age : 16},
	{name : 'mack',age : 10}
]  

{{ items | filter:'s' }}        // ["css","js"]  在items中匹配含有s的元素
{{ perall | filter:{age:16} }}    //[{"name":"jack","age":16},{"name":"sunny","age":16}]
 

6、limitTo 截取

{{"1234567890" | limitTo :6}} // 从前面开始截取6位
{{"1234567890" | limitTo:-4}} // 从后面开始截取4位

7、orderBy 排序

默认:升        降序:- 或者 true        升序:+ 或者 默认 或者 false

 // 根据id降序排(orderBy:'-id')
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'-id' }}

// 根据id升序排(orderBy:'id')
{{ [{"age": 20,"id": 10,"name": "iphone"},
{"age": 12,"id": 11,"name": "sunm xing"},
{"age": 44,"id": 12,"name": "test abc"}
] | orderBy:'id' }}
{{ [{"age": 20,"id": 10,"name": "iphone"},{"age": 12,"id": 11,"name": "sunm xing"},{"age": 44,"id": 12,"name": "test abc"}] |        orderBy:'id':true }}        //true 降序

8、json ( 把一个js对象格式化为json字符串 ,类似于JSON.stringify() )


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值