HTML angular过滤关键字

最新推荐文章于 2018-11-06 16:03:00 发布

qq_4027

最新推荐文章于 2018-11-06 16:03:00 发布

阅读量251

点赞数

分类专栏：网页

本文链接：https://blog.csdn.net/qq_40143811/article/details/78250114

版权

网页专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="angular.js"></script>
       <script type="text/javascript">
           var app = angular.module("myApp", []);
           app.filter("replace", function() {
               return function(text) {

                   function replaceValue(text) {
                       var value = "";
                       if(text.indexOf("zz")>=0) {
                           //alert("111");
                           value = text.replace(/zz/g, "**");

                           if(value.indexOf("a")>=0){
                               return value.replace(/a/g, "*");
                           }else{
                               return value;
                           }
                       }else if(text.indexOf("a")>=0){
                           value = text.replace(/a/g, "*");
                           if(value.indexOf("a")>=0){
                               return value.replace(/a/g, "*");
                           }else{
                               return value;
                           }
                       }else{
                           if(value.indexOf("a")>=0){
                               return text.replace(/a/g, "*");
                           }else{
                               return text;
                           }
                       }

                   }
                   return replaceValue(text);
               }
           });
           app.controller("myCtrl", function($scope) {
               $scope.value = "zz";
           })
       </script>
   </head>

   <body ng-app="myApp" ng-controller="myCtrl">
       请输入：<input ng-model="value" />
       <p>{{value | replace}}</p>
   </body>

</html>