模板中的过滤器

这里说的过滤器，是用于对数据的格式化，或者筛选的函数。它们可以直接在模板中通过一种语法使用。对于常用功能来说，是很方便的一种机制。

多个过滤器之间可以直接连续使用。

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

例子：搜索

  

    查找：