sb

名字: -请选择- 时间正序 时间倒序

{{phone.gname}}

{{phone.address}}

{{phone.regDate|date:"yyyy-MM-dd"}}

{{phone.price|currency:"￥"}}

{{phone.num*phone.price|currency:"￥"}}

{{phone.state}}

商品总价:{{sum()|currency:"￥"}}

添加页面

• 
  
• 
  
• 
  

{{gname3}}

{{address3}}

{{regDate3|date:"yyyy-MM-dd"}}

{{price3|currency:"￥"}}

{{phone.num3*phone.price3|currency:"￥"}}

{{phone.state3}}

    <script type="text/javascript">
    	var arr=new Array();
		arr["山西"]=new Array("运城","临汾");
		for(var s in arr){
			$(".sheng").append("<option>"+s+"</option>")
		}
		$(".sheng").change(function(){
			var sh=$(this).val();
			var shii=arr[sh];
			$(".shi").empty();
			for(var i=0;i<shii.length;i++){
				var shi=shii[i];
				$(".shi").append("<option>"+shi+"</option>")
			}
		});
		
		var m= angular.module("myApp",[]);
		m.controller("myCtrl",function($scope,$http){
			$http.get("phones.json").then(function(res){
				$scope.phones=res.data;
			})
			//全选
			$scope.selectAll =function(){
				for (var i=0;i<$scope.phones.length;i++) {
					var g = $scope.phones[i];
					g.ck=true;
				}
			}
			//全不选
			$scope.qbx =function(){
				for (var i=0;i<$scope.phones.length;i++) {
					var g = $scope.phones[i];
					g.ck=false;
				}
			}
			//反选
			$scope.not =function(){
				for (var i=0;i<$scope.phones.length;i++) {
					var g = $scope.phones[i];
					g.ck=!g.ck;
				}
			}
			//单个删除
			$scope.dele =function(gname){
				var b = confirm("你确定要删除吗?");
				if(b){
					for (var i=0;i<$scope.phones.length;i++) {
					var g = $scope.phones[i];
					if(g.gname==gname){
						$scope.phones.splice(i,1);
					}
				  }
				}
			}
			//批量删除
			$scope.beachdel =function(){
				var b =confirm("你确定要批量删除吗?");
				if(b){
					for (var i=$scope.phones.length-1;i>=0;i--) {
					var g = $scope.phones[i];
					if(g.ck){
						$scope.phones.splice(i,1);
					}
				 }
				}
			}
			//计算总计
			$scope.sum = function(){
				var s = 0;
				for (var i=0;i<$scope.phones.length;i++) {
			      var g = $scope.phones[i];
			      var zs=g.num*g.price;
			      s += zs;
				}
				return s;
			}
			//添加
		     $scope.show = function(){
		     	$scope.add_show=true;
		   }
		    $scope.save = function(){
		    	var gname2 = $scope.gname1;
		    	if(gname2==null || gname2==undefined || gname2==" "){
		    		alert("请输入姓名");
		    		return;
		    	}
		    	var price2 = $scope.price3;
		    	var num2 = $scope.num1;
		    	var shi = $(".shi").val();
		    	var obj ={
		    		"gname": gname2,
					"address":shi,
					"num": num2,
					"regDate": "1371120093221",
					"price": price2,
					"state": "未发货"
		    	}
		    	$scope.phones.push(obj);
		    	$scope.add_show=false;
		    }
		   //修改
		   $scope.xiugai = function(phone){
		   	  $scope.xiu_show=true;
		   	  $scope.gname3 = phone.gname;
		   	  $scope.address3 = phone.address;
		   	  $scope.num3 = phone.num;
		   	  $scope.price3 = phone.price;
		   	  $scope.regDate3 = phone.regDate;
		   	  $scope.state3 = phone.sate;
		   	  $scope.xj = phone.price* phone.num;
		   }
		   $scope.save1 = function(){
		   	 var gname = $scope.gname3;
		   	 var price= $scope.price3;
		   	 var num = $scope.num3;
		   	 var shi = $scope.address3;
		   	 var obj ={ 
		   	    "gname": gname,
				"address": shi,
				"num": num,我 静静 就
				"regDate": "1371399948599",
				"price": price,
				"state": "未发货"
		   	 }
		   	 for (var i=$scope.phones.length-1;i>=0;i--) {
					var g = $scope.phones[i];
					if(g.gname==gname){
						$scope.phones.splice(i,1,obj);
					}
				 }
		   }
		   $scope.xiu_show = false;
		})
    </script>
</body>

**加粗样式**