通过管道字符（‘|’），过滤器可以被添加到表达式和指令中。

AngularJS过滤器

　　AngularJS过滤器可以被用来转换（格式化）数据：

在表达式中添加过滤器

　　过滤器可以通过管道字符（‘|’）被添加到表达式。

　　接下来的两个示例我们将使用在之前的章节中使用过的person控制器。

　　uppercase过滤器用来将给定的字符串转换成大写形式：

     
      
The name is {
   { lastName | uppercase }}
     

　　lowercase过滤器用来将给定的字符串转换成小写形式：

     
      
The name is {
   { lastName | lowercase }}
     

currency过滤器

　　currency过滤器用来将数字格式化为现金格式：

     
      
      
      
Total = {
   { (quantity * price) | currency }}
     

将过滤器添加到指令

　　过滤器也可以通过管道字符（‘|’）被添加到指令。

　　orderBy过滤器通过表达式对数组进行排序：

     
      
  
       
    {
    { x.name + ', ' + x.country }}  
      
      
     

通过输入进行过滤

　　通过在指令中使用管道字符（‘|’），后面紧跟filter加冒号再加上一个模型的名称，可以形成一个输入过滤器，用来根据用户输入的内容对集合进行过滤：

     
      
      
  
       
    {
    { (x.name | uppercase) + ', ' + x.country }}  
      
     

本文转自Jaxu博客园博客，原文链接：http://www.cnblogs.com/jaxu/p/4489278.html，如需转载请自行联系原作者