AngularJs 常用的过滤器
2024-10-19 02:21:35
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
number格式化
{{ 1.234567 | number:1 }}
//结果:1.2
{{ 1234567 | number }}
//结果:1,234,567
currency货币格式化
{{ 250 | currency }}
//结果:$250.00
{{ 250 | currency:
"RMB ¥ "
}}
//结果:RMB ¥ 250.00
filter查找
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | filter:
's'
}}
//查找含有有s的行
//上例结果:[{"age":12,"id":11,"name":"sunm xing"},{"age":44,"id":12,"name":"test abc"}]
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | filter:{
'name'
:
'iphone'
} }}
//查找name为iphone的行
//上例结果:[{"age":20,"id":10,"name":"iphone"}]
orderBy对像排序
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | orderBy:
'id'
:
true
}}
//根id降序排
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | orderBy:
'id'
}}
//根据id升序排
limitTo字符串,对像的截取
{{
"i love tank"
| limitTo:6 }}
//结果:i love
{{
"i love tank"
| limitTo:-4 }}
//结果:tank
{{ [{
"age"
: 20,
"id"
: 10,
"name"
:
"iphone"
},
{
"age"
: 12,
"id"
: 11,
"name"
:
"sunm xing"
},
{
"age"
: 44,
"id"
: 12,
"name"
:
"test abc"
}
] | limitTo:1 }}
//结果:[{"age":20,"id":10,"name":"iphone"}]
方便自己,方便他人。
最新文章
- Python学习第一弹——Python环境搭建
- jQuery-1.9.1源码分析系列(十五) 动画处理——外篇
- a版本冲刺第九天
- Go - 路径、目录名、包名、文件名
- jeesite笔记
- select选择框内容左右移动添加删除栏(升级)
- C语言第5天
- JPA学习---第十一节:JPA中的多对多双向关联实体定义与注解设置及操作
- HTTP协议header标头详解
- firebug调试js时提示调试器未激活处理办法
- 知道创宇爬虫题--代码持续更新中 - littlethunder的专栏 - 博客频道 - CSDN.NET
- struts2中的文件上传,文件下载
- WPF 杂谈——Binding表达式
- 贪吃蛇游戏——C语言双向链表实现
- MongoDB的启动与停止(一)
- Django的CBV的学习
- ie8下jquery改变PNG的opacity出现黑边
- [leetcode]215. Kth Largest Element in an Array 数组中第k大的元素
- 一这hash算法
- Aizu2292 Common Palindromes