angularJS过滤器

(接续上篇表达式和指令)

1、几种常见过滤器

currency  用于格式化为货币形式

filter  选择子集

lowercase  转小写

orderBy  排列数组

 

2、具体使用

数据:

{

  "persons" : [

    {

      "name" : "zhangsan",

      "age" : 30,

      "sal"  : 6000

    },

    {

      

      "name" : "lisi",

      "age" : 20,

      "sal"  : 3000

    },

    {

      "name" : "wangwu",

      "age" : 25,

      "sal"  : 3600

    },

    {

      "name" : "xiaochen",

      "age" : 31,

      "sal"  : 7000

    },

    {

      "name" : "larray",

      "age" : 18,

      "sal"  : 4500

    }

  ]

}

 

<ul>

  <li ng-repeat="person in persons | orderBy : 'sal'"></li>   <!-- 按照sal排序-->

</ul>

 

过滤器可以使用在表达式和指令中

也可以自定义过滤器:

app.filter("myFilter",function(){

  return function(origin){

    return origin += "人民币";

  };

});

 

 

 

 

posted @ 2019-11-10 19:23  朝阳人生  阅读(97)  评论(0编辑  收藏  举报