欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

简述angular自定义过滤器在页面和控制器中的使用

程序员文章站 2024-03-07 08:53:56
angularjs另一个特点就是提供了过滤器,可以通过操作unix下管道的方式,操作数据结果。   通过使用管道,可以便于双向的数据绑定中视图的展现。   过滤...

angularjs另一个特点就是提供了过滤器,可以通过操作unix下管道的方式,操作数据结果。

  通过使用管道,可以便于双向的数据绑定中视图的展现。

  过滤器在处理过程中,将数据变成新的格式,而且可以使用管道这种链式风格,还能接受附加的参数。

首先设置自定义过滤器。

  定义模块名:angular      

   .module('myapp')
          .filter('filtername',function(){
            return function(要过滤的对象,参数1,参数2,...){
              return obj; //这里返回的是过滤后的对象
            }
          });

页面中的使用。

{{obj | filtername}} ====> obj是要过滤的对象

控制器中使用。

  首先要注入$filter,使用的时候

 $filter("filtername")(要过滤的对象,参数1,参数2,...);

以上所述是小编给大家介绍的angular自定义过滤器在页面和控制器中的使用,希望对大家有所帮助