结算总金额;;;删除时金额减少
来源:互联网 发布:最优化算法袁亚湘pdf 编辑:程序博客网 时间:2024/06/06 02:29
<!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>
<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>
阅读全文
0 0
- 结算总金额;;;删除时金额减少
- 3、购物金额结算
- JAVA-练习:购物金额结算
- DataGrid中实现输入数量和金额自动计算出总金额
- AngularJs购物车删除和计算总金额
- AngularJs购物车删除和计算总金额
- 固定总金额,红包数量,单红包金额上限,单红包金额下限拆分随机红包
- knockout.js表格删除增加行,计算总金额实例
- 金额查错:某财务部门结账时发现总金额不对头。很可能是从明细上漏掉了某1笔或几笔, 如果已知明细账目清单,能通过编程找到漏掉的是哪1笔或几笔吗?
- WooCommerce 结算页面自定义(删除/添加)表单元素
- 全选反选取消选择及删除勾选结算
- 基于JQuery的购物车添加删除以及结算功能
- 删除整张表但是空间没有减少
- Angularjs实现购物车功能(按钮增减数量、添加、全选、删除、批量删除、结算)
- 添加计算总金额
- (iterator遍历并删除erase,函数指针)购物结算系统
- 实现购物车结算功能:批量/全部删除,全选,单价/总价,数量增减,页面隐藏/显示
- extjs grid 中显示金额时使用金额单位
- php砍价算法逻辑
- Ubuntu下面编辑lua5.1.5与LuaJava1.1
- 序列检测器
- “System.InvalidOperationException”类型的未经处理的异常在 EntityFramework.dll 中发生
- CSS——滚动加旋转
- 结算总金额;;;删除时金额减少
- Linphone 网络状态变化分析
- 汽水瓶
- Spring Boot入门笔记
- mybatis mysql自增主键返回
- 深度学习(十八)基于R-CNN的物体检测
- 单例模式
- android开发如何选择compileSdkVersion, minSdkVersion 和 targetSdkVersion
- Oracle数据库如何导入导出