HTML angular追加内容,并进行判断原先是否存在和是否存在敏感字符

最新推荐文章于 2021-07-28 18:21:08 发布

qq_4027

最新推荐文章于 2021-07-28 18:21:08 发布

阅读量728

点赞数

分类专栏：网页

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

版权

网页专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="angular.js"></script>
       <script>
           var haha = 3;
           var app = angular.module("myApp", []);
           //自定义过滤器
           app.filter("myFilter", function() {
               return function(text) {
                   //alert("fasd");
                   if(text.indexOf("敏感字符") >= 0) {
                       //alert("asdfasdf");
                       alert("包含敏感字符")
                       return text.replace(/敏感字符/g, "***");
                   }
                   return text;
               }
           });
           app.controller("myCtrl", function($scope) {
               $scope.newRecord = "";
               $scope.selectRecord = "";
               $scope.records = ["中午花了20块钱吃早饭", "早上花了5块钱吃早饭"];
               $scope.addRecord = function() {
                   if($scope.newRecord == "" || $scope.newRecord == null) {
                       alert("输入内容为空");
                   } else {
                       $scope.records.unshift($scope.newRecord);

                       //alert($scope.records[2]);
                   }
               };
               var flag = true;
               $scope.selectRecordMethod = function() {
                   for(record in $scope.records) {
                       if($scope.records[record] == $scope.selectRecord) {
                           alert("已经存在");
                           flag = false;
                       } else if($scope.selectRecord == "敏感字符") {
                           alert("搜索内容存在敏感字符");
                           flag = false;
                           break;
                       }
                   }
                   if(flag) {
                       alert("不存在");
                   }
               }
               /*$scope.myFilter = function(text){
                   var reg = /敏感字符/;
                   if(reg.test(text)){
                       return text.replace(/敏感字符/g,"***");
                   }
               }*/
           });
       </script>
   </head>

   <body ng-app="myApp" ng-controller="myCtrl">
       <center>
           记事本
           <div style="width: 300px; height: 250px; border: 1 solid blue; background-color:#A6E1EC;">
               <p ng-repeat="record in records track by $index">{{record | myFilter }}</p>
           </div><br/> 输入框：
           <input type="text" ng-model="newRecord" /><br/>
           <button ng-click="addRecord()">记录</button><br/> 搜索：
           <input type="text" ng-model="selectRecord" /><br/>
           <button ng-click="selectRecordMethod()">记录</button>
       </center>
   </body>

</html>