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 }}

例子:搜索

查找:
上一篇: 下一篇: