AngularJs 常用的过滤器

发布时间：2020-12-17 10:28:19 所属栏目：安全来源：网络整理

导读：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 |

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, 
   
 
    { 
    "age" 
    : 12, 
   
 
    { 
    "age" 
    : 44, 
    "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, 
    
 
     { 
     "age" 
     : 12, 
    
 
     { 
     "age" 
     : 44, 
     "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,"name":"iphone"}] 
     

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!