angularjs自定义过滤器

来源：互联网发布：亲情缺失知乎编辑：程序博客网时间：2024/05/29 12:18

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script src="../angular/angular.js"></script>
       <script>
           var app=angular.module("myapp",[]);

           app.controller("myCtrl",function($scope){
               $scope.haha= "";
           });
           //自定义过滤器
           app.filter("myfilter",function(){
               //过滤规则
               return function(text){

                   if(text.indexOf("法轮功")>=0){
                       return text.replace(/法轮功/g,"***");
                   }else{return text;}
               }
           });
       </script>
   </head>
   <body ng-app="myapp" ng-controller="myCtrl">

       <input type="text" ng-model="haha" />
       <p>{{haha | myfilter}}</p>

   </body>

</html>

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="../../angular/angular.js" ></script>
       <script>
           var app = angular.module("myApp",[]);
           app.controller("myCtrl",function($scope){
               //$scope.haha = "asdf";
               $scope.haha = "";
           });

           //自定义过滤器
           /*app.filter("myFilter",function(){
               //过滤规则
               return function(text){
                   console.log(text);
                   if(text.indexOf("f")>=0){
                       return text.replace(/f/g,"方");
                   }


               }
           });*/

           //过滤法轮功和枪
           app.filter("fun",function(){
               return function(text){


                   var reg = /枪|法轮功|哈/;
                   //alert(reg.test(text));
                   if(reg.test(text)){
                       return text.replace(/法轮功/g,"***").replace(/枪/g,"*").replace(/哈/g,"*");
                   }else{
                       return text;
                   };
               }

           });

       </script>
   </head>
   <body ng-app="myApp" ng-controller="myCtrl">
       
       <input type="text" ng-model="haha" />
       <p>{{haha | fun}}</p>

       
   </body>
</html>

阅读全文

0 0