AngularJS 自定义过滤器详解及实例代码

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

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

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

　　实现方式

　　下面看一下如何定义声明一个过滤器，首先依然是要创建我们自己的模块myAppModule

                   var myAppModule=agular.module("myApp",[]);

　　接下来在模块的基础上，创建过滤器：

myAppModule.filter("reverse",function(){
           
});

　　其中reverse是过滤器的名字，后面跟着过滤器的方法声明，在方法中返回另一个方法：

myAppModule.filter("reverse",function(){
 return function(input,uppercase){
   var out = "";
   for(var i=0 ; i

　　内部返回的方法包含了两个参数，一个是输入的值，就是我们过滤器接受的值。
　　如果想要实现下面的过滤器：
　　name | reverse


　　则input就是其中name代表的值。
　　后面的参数是可选的，我们这里接受uppercase这个bool值，判断是否要进行大小写转换。
　　内部实现的代码，就没必要解释了。最后返回过滤后的字符串即可。
　　程序样例





  
     
     
  
  

    
      name:{{ name }}

      reverse name:{{ name | reverse }}

      reverse&uppercase name:{{ name | reverse:true }}
    
    
  




　　运行结果

以上就是对AngularJS 自定义过滤器 的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！