<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script>
angular.module("zhao",[]).controller("tro",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=ThirdTest")
.success(function(d){
$scope.names=d;
})
$scope.sum=function(){
var sum =0;
for(var i=0;i<$scope.names.length;i++){
sum=sum+($scope.names[i].price*$scope.names[i].number)
}
return sum;
}
$sfcope.jia=function(i){
i.number=i.number+1;
}
$scope.jian=function(d){
if(d.number==1){
var t=confirm("确认删除吗");
if(t){
for(var i =0;i<$scope.names.length;i++){
if($scope.names[i]==d){
$scope.names.splice(i,1);
}
}
}
}else{
d.number=d.number-1;
}
}
$scope.del=function(i){
$scope.names.splice(i,1);
}
$scope.qu=function(){
var t=$scope.id;
for(var i in $scope.names){
$scope.names[i].ck=t;
}
}
$scope.qk=function(){
for(var i=0;i<$scope.names.length;i++){
if($scope.names[i].ck){
$scope.names.splice(i,1);
i--;
}
}
}
})
</script>
</head>
<body ng-app="zhao" ng-controller="tro">
<center>
<span ng-if="names.length==0">购物车<a href="#">去逛商城</a></span>
<table border="1" width="600" >
<button ng-click="qk()">清空购物车</button>
<tr>
<td><input type="checkbox" ng-model="id" ng-click="qu()"></td>
<td>id</td>
<td>name</td>
<td>price</td>
<td>number</td>
<td>ji</td>
<td>option</td>
</tr>
<tr ng-repeat="n in names">
<td><input type="checkbox" ng-model="n.ck"></td>
<td>{{n.id}}</td>
<td>{{n.name}}</td>
<td>{{n.price}}</td>
<td><button ng-click="jian(n)">-</button><input ng-model="n.number" style="width:15px;"><button ng-click="jia(n)">+</button></td>
<td>{{n.number*n.price|currency:"¥"}}</td>
<td><input type="button" ng-click="del($index)" value="删除"></td>
</tr>
<tr>
<td colspan="7">总价:{{sum()|currency:"¥"}}</td>
</tr>
</table>
</center>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script>
angular.module("zhao",[]).controller("tro",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=ThirdTest")
.success(function(d){
$scope.names=d;
})
$scope.sum=function(){
var sum =0;
for(var i=0;i<$scope.names.length;i++){
sum=sum+($scope.names[i].price*$scope.names[i].number)
}
return sum;
}
$sfcope.jia=function(i){
i.number=i.number+1;
}
$scope.jian=function(d){
if(d.number==1){
var t=confirm("确认删除吗");
if(t){
for(var i =0;i<$scope.names.length;i++){
if($scope.names[i]==d){
$scope.names.splice(i,1);
}
}
}
}else{
d.number=d.number-1;
}
}
$scope.del=function(i){
$scope.names.splice(i,1);
}
$scope.qu=function(){
var t=$scope.id;
for(var i in $scope.names){
$scope.names[i].ck=t;
}
}
$scope.qk=function(){
for(var i=0;i<$scope.names.length;i++){
if($scope.names[i].ck){
$scope.names.splice(i,1);
i--;
}
}
}
})
</script>
</head>
<body ng-app="zhao" ng-controller="tro">
<center>
<span ng-if="names.length==0">购物车<a href="#">去逛商城</a></span>
<table border="1" width="600" >
<button ng-click="qk()">清空购物车</button>
<tr>
<td><input type="checkbox" ng-model="id" ng-click="qu()"></td>
<td>id</td>
<td>name</td>
<td>price</td>
<td>number</td>
<td>ji</td>
<td>option</td>
</tr>
<tr ng-repeat="n in names">
<td><input type="checkbox" ng-model="n.ck"></td>
<td>{{n.id}}</td>
<td>{{n.name}}</td>
<td>{{n.price}}</td>
<td><button ng-click="jian(n)">-</button><input ng-model="n.number" style="width:15px;"><button ng-click="jia(n)">+</button></td>
<td>{{n.number*n.price|currency:"¥"}}</td>
<td><input type="button" ng-click="del($index)" value="删除"></td>
</tr>
<tr>
<td colspan="7">总价:{{sum()|currency:"¥"}}</td>
</tr>
</table>
</center>
</body>
</html>