记事本输入框

来源：互联网发布：下或官方手机淘宝编辑：程序博客网时间：2024/06/07 03:27

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script type="text/javascript" src="../AngularJS/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 = ["早上花了5块钱吃早饭","中午花了20块钱吃早饭"];
               $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;
                       }
                   }
                   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 ">{{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>

阅读全文

1 0