<!DOCTYPE html>
<html ng-app="xskapp">
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
th {
width: 200px;
}
button {
background: tomato;
}
</style>
<script src="angular-1.5.5/angular.js">
</script>
<script type="text/javascript">
var app = angular.module("xskapp", []);
app.controller("doce", ["$scope", function($scope) {
$scope.data1 = [{
name: "鼠标",
sum: "1",
price: "20"
}, {
name: "键盘",
sum: "2",
price: "20"
}, {
name: "摄像头",
sum: "3",
price: "20"
}];
$scope.sum1=0;
for (var i=0; i<$scope.data1.length;i++) {
$scope.sum1+=$scope.data1[i].price*$scope.data1[i].sum;
}
$scope.sel=function(aa){
//就是从当前元素删除,删一个,就是自己
$scope.data1.splice(aa,1);
$scope.sum1=0;
for (var i=0; i<$scope.data1.length;i++) {
$scope.sum1+=$scope.data1[i].price*$scope.data1[i].sum;
}
}
}]);
</script>
</head>
<body ng-controller="doce">
<h1>您的购物车</h1>
<table>
<tr>
<th>商品名称</th>
<th>数量</th>
<th>单价</th>
<th>小计</th>
</tr>
<tr ng-repeat=" a in data1">
<td>{{a.name}}</td>
<td ng-model="employee.name">{{a.sum}}</td>
<td>{{a.price|currency:"RMB ¥"}}</td>
<td> {{a.sum * a.price|currency:"RMB ¥" }}
<button ng-click="sel($index)" >删除</button>
</td>
</tr>
<tr>
<td></td>
<td></td>
<td>总金额</td>
<td >{{sum1|currency:"RMB ¥"}}</td>
</tr>
</table>
</body>
</html>
结算总金额;;;删除时金额减少
最新推荐文章于 2021-11-25 15:02:18 发布