angular实现内容追加

最新推荐文章于 2023-11-29 09:13:04 发布

Anni的咖啡

最新推荐文章于 2023-11-29 09:13:04 发布

阅读量361

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/zhou__9468/article/details/78264835

版权

本文通过Angular展示了如何实现在已有内容中追加信息。当记录内容已存在或未找到相关数据时，系统会弹出提示框进行反馈。

摘要由CSDN通过智能技术生成

一.使用angular实现如下效果

若记录的内容已存在或搜索不到相关内容是会有弹框提示

二.实现此案例的代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title>记账本</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        li {
            list-style: none;
        }

        input {
            width: 320px;
            height: 24px;
        }

        button {
            width: 80px;
            height: 24px;
        }

        div {