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

来源：互联网发布：mac怎么看u盘隐藏文件编辑：程序博客网时间：2024/06/05 09:29
数据的增加,查询,添加数据如果重复,提示数据重复,如果不重复则添加数据,查询数据是否存在,如果存在,提示数据存在,如果不存在就提示数据不存在
<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>
阅读全文
0 0