<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script>
angular.module("cg",[]).controller("tr",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=ThirdTest")
.success(function(ol){
$scope.datas=ol;
})
//总计方法
$scope.sum=function(){
var sum =0;
for(var i=0;i<$scope.datas.length;i++){
sum=sum+($scope.datas[i].price*$scope.datas[i].number)
}
return sum;
}
//删除方法
$scope.del=function(i){
$scope.datas.splice(i,1);
}
})
</script>
</head>
<body ng-app="cg" ng-controller="tr">
<h1 align="center">我的购物车详情</h1>
<table border="1">
</td>
<td>商品编号</td>
<td>商品名称</td>
<td>商品数量</td>
<td>商品单价</td>
<td>价格小计</td>
<td>操作</td>
</tr>
<tr ng-repeat="x in datas" style="background: #4CD964;"> <!--颜色定义-->
<td>{{x.id}}</td>
<td>{{x.name}}</td>
<td >{{x.price}}</td>
<td>
{{x.number}}
</td>
<td>
<!--价格符号-->
{{x.price*x.number|currency:"￥"}}
</td>
<td> <!--删除-->
<input type="button" ng-click="del($index)" value="删除">
</td>
</tr>
<tr>
<td>总价：{{sum()|currency:"￥"}} <!--总价定义-->
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/angular.min.js"></script>
<script>
angular.module("cg",[]).controller("tr",function($scope,$http){
$http.get("http://result.eolinker.com/rR1VBtT56a6bb220c10b3d44b65b4787a8aec03c4ec32ce?uri=ThirdTest")
.success(function(ol){
$scope.datas=ol;
})
//总计方法
$scope.sum=function(){
var sum =0;
for(var i=0;i<$scope.datas.length;i++){
sum=sum+($scope.datas[i].price*$scope.datas[i].number)
}
return sum;
}
//删除方法
$scope.del=function(i){
$scope.datas.splice(i,1);
}
})
</script>
</head>
<body ng-app="cg" ng-controller="tr">
<h1 align="center">我的购物车详情</h1>
<table border="1">
</td>
<td>商品编号</td>
<td>商品名称</td>
<td>商品数量</td>
<td>商品单价</td>
<td>价格小计</td>
<td>操作</td>
</tr>
<tr ng-repeat="x in datas" style="background: #4CD964;"> <!--颜色定义-->
<td>{{x.id}}</td>
<td>{{x.name}}</td>
<td >{{x.price}}</td>
<td>
{{x.number}}
</td>
<td>
<!--价格符号-->
{{x.price*x.number|currency:"￥"}}
</td>
<td> <!--删除-->
<input type="button" ng-click="del($index)" value="删除">
</td>
</tr>
<tr>
<td>总价：{{sum()|currency:"￥"}} <!--总价定义-->
</td>
</tr>
</table>
</body>
</html>