angular（查询、删除、添加、排序）案例

最新推荐文章于 2020-09-21 11:54:50 发布

PremierAmour

最新推荐文章于 2020-09-21 11:54:50 发布

阅读量595

点赞数

文章标签： angular

本文链接：https://blog.csdn.net/PremierAmour/article/details/78757656

版权

本文通过实例介绍了如何在 Angular 应用中进行数据的查询、删除、添加和排序操作，虽然添加部分没有进行条件判断，但提供了基本实现，读者可根据自身需求进行扩展。

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

效果图

添加部分未做判断，有需要的自己加一下就可以了

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
        <script type="text/javascript" src="js/angular.min.js"></script>
        <title></title>
        <style>
            tr {
                height: 40px;
            }

            td {
                width: 200px;
            }
            input{
                width: 220px;
                height: 40px;
            }
            .i {
                width: 150px;
                height: 70px;
            }

            tr:nth-of-type(odd) {
                background: pink;
            }

            tr:nth-of-type(odd):hover {
                background: #41C7DB;
            }

            tr:nth-of-type(even) {
                background: palevioletred;
            }