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

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

<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;ivar 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;ivar 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>

你可能感兴趣的:(angularjs数据重复,查询数据是否存在)