目录
AngularJS学习笔记
模板中的过滤器
这里说的过滤器,是用于对数据的格式化,或者筛选的函数。它们可以直接在模板中通过一种语法使用。对于常用功能来说,是很方便的一种机制。
多个过滤器之间可以直接连续使用。
排序 orderBy
orderBy 是一个排序用的过滤器标签。它可以像 sort 函数那样支持一个排序函数,也可以简单地指定一个属性名进行操作:
{{ data | orderBy: 'age' }}
{{ data | orderBy: '-age' }}
{{ data | orderBy: '-age' | limitTo: 2 }}
{{ data | orderBy: ['-age', 'name'] }}
过滤列表 filter
filter 是一个过滤内容的标签。
如果参数是一个字符串,则列表成员中的任意属性值中有这个字符串,即为满足条件(忽略大小写):
{{ data | filter: 'b' }}
{{ data | filter: '!B' }}
可以使用对象,来指定属性名, $ 表示任意属性:
{{ data | filter: {name: 'A'} }}
{{ data | filter: {$: '3'} }}
{{ data | filter: {$: '!3'} }}
自定义的过滤函数也支持:
{{ data | filter: f }}
其它
时间戳格式化 date :
{{ a | date: 'yyyy-MM-dd HH:mm:ss' }}
列表截取 limitTo ,支持正负数:
{{ [1,2,3,4,5] | limitTo: 2 }} {{ [1,2,3,4,5] | limitTo: -3 }}
大小写 lowercase , uppercase :
{{ 'abc' | uppercase }} {{ 'Abc' | lowercase }}
例子:表头排序
名字 年龄 {{ o.name }} {{ o.age }}
例子:搜索
上一篇: 模板 下一篇: 锚点路由查找: