AngularJS实现存入文本,搜索文本,敏感字符

最新推荐文章于 2022-06-07 14:29:44 发布

Android丶ztz

最新推荐文章于 2022-06-07 14:29:44 发布

阅读量386

点赞数

分类专栏： AngularJS

本文链接：https://blog.csdn.net/TianzhuZ/article/details/78253412

版权

AngularJS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实现存入,搜索,敏感字符</title>
    <style type="text/css">
        .text01{
            width: 500px;
            height:300px;
            border: 1px solid red;
            background-color: #ece5d5;
        }
    </style>
    <script src="angular.js"></script>
    <script type="text/javascript">
        var app = angular.module("myApp",[]);
        //自定义过滤器,过滤敏感字符
        app.filter("myFilter",function () {
            return function (text) {
                if(text.indexOf("敏感字符")>=0){
                    alert("有敏感字符");
                    //有敏感字符需要过滤
                    return text.replace(/敏感字符/g,"****");
                }
                //将所有文本返回
                return text;
            }
        })
        app.controller("myCtrl",function ($scope) {
            $scope.arr = ["今天早上吃早餐花了10元","今天中午吃午饭花了20元"];
            $scope.newarr = "";
            $scope.addarr = function () {
                //非空判断,为空时不添加
                if($scope.newarr == null || $scope.newarr == ""){
                    alert("内容不可为空");
                }else{
                    $scope.arr.unshift($scope.newarr);
                }
            }
            //搜索文本
            var flag = true;
            $scope.sousuo = function () {
                if($scope.newsousuo == null || $scope.newsousuo == ""){
                    alert("不可为空");
                }else{
                    for(a in $scope.arr){
                        if($scope.arr[a] == $scope.newsousuo){
                            alert("已存在");
                            flag = false;
                        }
                    }
                    if (flag) {
                        alert("不存在");
                    }
                }

            }
        });
    </script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <p>记账本:</p>
    <div class="text01">
        <p  ng-repeat="i in arr">{{i | myFilter}}</p>
    </div>
    输入框:<input type="text" ng-model="newarr"><button ng-click="addarr()">记录</button><br>
    搜索框:<input type="text" ng-model="newsousuo"><button ng-click="sousuo()">搜索</button>
</body>
</html>

Android丶ztz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS实现存入文本,搜索文本,敏感字符

html>html lang="en">head> meta charset="UTF-8"> title>实现存入,搜索,敏感字符title> style type="text/css"> .text01{ width: 500px; height:300px; border: 1
复制链接

扫一扫

专栏目录