AngularJs实现显示与隐藏

设置点击按钮，进行显示表格

新增的产品

设置显示与隐藏的控件

			

				

					产品编号：

					产品信息：

					产品数量：

					产品单价：

					
				
			
	

---

/执行添加数据的操作/

			$scope.newAdd = function(){
				
               //设置表单验证
               
				var flag;
				var flag1;
				var flag2;
				var flag3;
				
				if($scope.numId==null || $scope.numId==""){
					
					alert("产品编号不能为空");
					
					flag=false;
					
				}else if(isNaN($scope.numId)){
					
					alert("产品编号必须为数字");
					
					flag=false;
					
				}else if($scope.msgId==null || $scope.msgId==""){
					
					alert("产品信息不能为空");
					
					flag1=false;
					
				}else if($scope.numsId==null || $scope.numsId==""){
					
					alert("产品数量不能为空");
					
					flag2=false;
					
				}else if($scope.djId==null || $scope.djId==""){
					
					alert("产品单价不能为空");
					
					flag3=false;
					
				}else{
					//设置信息数据为true						
					flag=true;
					flag1=true;
					flag2=true;
					flag3=true;
					
				}
				
				if(flag && flag1&& flag2&& flag3){
				//弹框提示成功
				alert("添加成功");
					
					//添加数据					
					$scope.users.push({
						id:$scope.numId,msg:$scope.msgId,num:$scope.numsId,price:$scope.djId
					});
				}else{//弹框提示失败
				alert("添加失败");
					
					return;
				}
				
				//数据信息置空					
				$scope.numId="";
				$scope.msgId="";
				$scope.numsId="";
				$scope.djId="";
				
				//隐藏
				$scope.isshow=false;
				
			}
			```