1、ng中自带的过滤器

过滤器：实现对数据的筛选、过滤、格式化。

过滤器是一个有返回值的方法。

过滤器语法：

{

{ expression |过滤器1:'参数' | 过滤器2:'参数' }}

| --》 管道，支持多重过滤。

常见的过滤器中：

①currency 货币样式的格式化

②date 日期格式化 参数： y M d h m s 年月日 时分秒

③filter 将一个array，处理一个新的数组

④json 将对象转换成json格式的字符串

'{"name":123}'

⑤uppercase/lowercase 大小写的转换

⑥orderBy 排序：按照字符串首字母排序，按照数字的大小排序，默认是升序的。

{

{ expression | orderBy:'':boolean}}

⑦number 将一个数字进行格式化，根据参数决定显示小数点后的位数

⑧limitTo

限定数组中的个数

 

例子：

效果：

 

代码：

 

  
         
     
  
        
      
{
   {price | currency}}
  
      
{
   {price | currency :'￥'}}
  
        
      
{
   {myDate}}
  
      
{
   {myDate | date:'MM-dd hh-mm'}}
  
        
      
{
   {name | uppercase}}
  
      
{
   {name | lowercase}}
  
        
      
    
       
      
        {
    {"name is "+stu.name+" age is "+stu.age}}      
    
  
      
  
      
{
   {"num is "+num}}
  
      
{
   {num | number:2}}
  
      
    
       
      {
    {tmp}}    
  
      
     

 

 2.通过$scope定义一个对象数组(5个)，对象包含的属性：score\age\name。

实现按照score降序只显示前三名。

orderBy limitTo.

效果：

 

代码：

  
         
     
  
      
    
       
      {
    {stu.name+"-"+stu.age+"-"+stu.score}}