HTML angular过滤关键字

来源：互联网发布：弱电箱的网络模块编辑：程序博客网时间：2024/05/22 08:13

<!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>

阅读全文

0 0