angularjs数据重复,查询数据是否存在

最新推荐文章于 2022-06-21 12:02:57 发布

Stagefright

最新推荐文章于 2022-06-21 12:02:57 发布

阅读量730

点赞数

本文链接：https://blog.csdn.net/L59_1/article/details/78857565

版权

数据的增加,查询,添加数据如果重复,提示数据重复,如果不重复则添加数据,查询数据是否存在,如果存在,提示数据存在,如果不存在就提示数据不存在

<title></title><script type="text/javascript" src="../angular/angular.min.js"></script>
        <script type="text/javascript">
            var app=angular.module("myApp",[]);
            app.controller("myCon",function($scope){
                var arr=[{
                    id:10011120,
                    name:"iphoneX",
                    num:99
                },{
                    id:10011121,
                    name:"华为mate10",
                    num:20
                },{
                    id:10011122,
                    name:"vivoR12",
                    num:55
                }];

                $scope.goods=arr;

                //添加数据
                $scope.addId="";
                $scope.addName="";                   
                $scope.addNum="";
                $scope.addGoods=function(){
                    if(isNaN($scope.addId)){
                        alert("资产编号必须为数字");
                    }else if($scope.addId.length!=8){
                        alert("资产编号必须为8位");
                    }else if(isNaN($scope.addNum)){
                        alert("资产数量必须为数字");
                    }else{
                        var names=$scope.addName;
                        for(var i=0;i<arr.length;i++){
                            var g=arr[i];
                            if(g.name==names){
                                alert("已有此数据");
                                return;
                            }
                        }
                        var addGood={
                            id:$scope.addId,
                            name:$scope.addName,
                            num:$scope.addNum
                        }
                        arr.push(addGood);
                        $scope.goods=arr;
                    }
                }
                $scope.goods=arr;
                //查询数据
                $scope.sele=function(){
                    if($scope.name=="" || $scope.name==null){
                        alert("搜索框不能为空");
                        return;
                    }
                    //搜索框的model值与姓名比较
                    var model=$scope.name;
                    for(var i=0;i<arr.length;i++){
                        var g=arr[i];
                        if(g.name==model){
                            alert("此数据存在");
                            return;
                        }
                    }
                    alert("此数据不存在");
                }
            });
        </script>
    </head>
    <body ng-app="myApp" ng-controller="myCon">
        <center>
            <h4>资产登记</h4>
            <table border="1px solid" cellpadding="10px" cellspacing="0px">
                <thead>
                    <tr>
                        <th>资产编号</th>
                        <th>资产名称</th>
                        <th>资产数量</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="good in goods">
                        <td>{{good.id}}</td>
                        <td>{{good.name}}</td>
                        <td>{{good.num}}</td>
                    </tr>
                </tbody>
            </table><br />
            资产搜索<input type="text" ng-model="name"/>　<button ng-click="sele()">搜索</button><br /><br />
            <div style="border: 1px solid black; width: 300px; height: 200px; margin-top: 10px;">
                资产编号<input style="margin-top: 20px;" type="text" ng-model="addId" /><br /><br />
                资产名称<input type="text" ng-model="addName" /><br /><br />
                资产数量<input type="text" ng-model="addNum" /><br /><br />
                <input type="button" value="资产录入" ng-click="addGoods()"/>
            </div>
        </center>
    </body>

Stagefright

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs数据重复,查询数据是否存在

数据的增加,查询,添加数据如果重复,提示数据重复,如果不重复则添加数据,查询数据是否存在,如果存在,提示数据存在,如果不存在就提示数据不存在<title></title><script type="text/javascript" src="../angular/angular.min.js"></script> <script type="text/javascript">
复制链接

扫一扫