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

最新推荐文章于 2022-03-04 14:58:55 发布

原创最新推荐文章于 2022-03-04 14:58:55 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

安卓基础/混合开发专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用AngularJS实现的简单记账本应用。该应用包括记录和搜索消费的功能，并通过自定义过滤器来处理敏感字符。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="angular.js"></script>
    <script>
        var app = angular.module("myApp",[]);
        app.filter("myFilter",function () {
            return function (text) {
                if (text.indexOf("a")>=0){
                    alert("敏感字符");
                    return text.replace(/a/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);
                }
            }
            var flag = true;
            $scope.shousuo = function () {
                for (record in $scope.records){
                    if ($scope.records[record] == $scope.selectRecord){

                        alert("已存在");
                        flag = false;
                    }
                }
                if (flag){
                    alert("不存在");
                }
            }



        })
    </script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
    <center>
        <h3>记账本</h3>
        <div style="width: 300px; height: 250px; border: solid; background-color: beige">
            <p ng-repeat="record in records">{{record | myFilter}}</p>

        </div>
        <br><br>
        输入框:<input type="text" ng-model="newRecord"><br><br>
        <button ng-click="addRecord()">记录</button>
        <br><br>
        搜索框:<input type="text" ng-model="selectRecord">
        <br><br>
        <button ng-click="shousuo()">搜索</button>
    </center>
</body>
</html>