分类导航

Angularjs 发布时间：2022-04-20 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了AngularJs 常用的过滤器，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

@H_874_34@ number格式化

@H_874_34@

{{ 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"}] 
     

大佬总结

以上是大佬教程为你收集整理的AngularJs 常用的过滤器全部内容，希望文章能够帮你解决AngularJs 常用的过滤器所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：angularjs 常用过滤器