总价删除

最新推荐文章于 2019-06-02 08:33:32 发布

笑颜888

最新推荐文章于 2019-06-02 08:33:32 发布

阅读量160

点赞数

本文链接：https://blog.csdn.net/wangdan209/article/details/79734275

版权

<body ng-app="myapp" ng-controller="mycon">
<div class="d1">
<h1>我的购物车详情</h1>
<input type="text" placeholder="根据名称查询" id="sname" ng-model="sname"/>
<table border="1px" cellpadding="0px" cellspacing="0px">
<thead>
<tr>
<td>商品编号<button class="btn1" ng-click="orderid()"></button></td>
<td>商品名称</td>
<td>商品数量</td>
<td>商品单价</td>
<td>价格小计<button class="btn1" ng-click="orderxiaoji()"></button></td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in shops|filter:sname|orderBy:ob">
<td>{{x.gid}}</td>
<td>{{x.gname}}</td>
<td><input type="number" ng-model="x.gnum" id="shu"/></td>
<td>{{x.gprice}}</td>
<td>{{x.gnum*x.gprice}}</td>
<td><button class="del" ng-click="del(x.gname)">删除</button></td>

</tr>
</tbody>
</table>
<div class="d2">
<span>商品总数：{{getznum()}}</span>
<span>商品总价：{{getzj()}}</span>
<button class="del" ng-click="alldel()">清空购物车</button>
</div>
</div>
<script type="text/javascript">
var app = angular.module("myapp",[]);
app.controller("mycon",function($scope,$http){
/*$http({
method:"GET",
url:"http://result.eolinker.com/TRFqLf402814d04c74641c1f3895afde6c8c9af19a2297b?uri=result"
}).then(function success(obj){
$scope.shops = obj.data;
});*/
$scope.shops=[{ gid:1001, gname:"手机", gnum: 3,gprice: 1000, gcount: 3000 },
{ gid: 1002, gname: "电脑", gnum: 3, gprice: 2000, gcount: 6000 },
{ gid: 1003, gname: "电视", gnum: 6, gprice: 500, gcount: 3000 }];
//alert($scope.shops.length);
$scope.getznum=function(){
var zongshu=0;
for (var i = 0; i < $scope.shops.length; i++) {
//alert($scope.shops[i].gnum);
if($scope.shops[i].gnum==0){
var shanchu= confirm("确定要删除数据吗");
if(shanchu){
$scope.shops.splice(i,1);
break;
}else{
alert("点击了取消");
break;
}

}else{
zongshu = zongshu + $scope.shops[i].gnum;
}

}

return zongshu;
}

$scope.getzj=function(){
var total=0;
for (var i = 0; i < $scope.shops.length; i++) {
total=total+($scope.shops[i].gnum*$scope.shops[i].gprice);
}
return total;
}
$scope.ob="";
$scope.isclick=true;
$scope.orderid=function(){
if($scope.isclick){
$scope.ob="gid";
$scope.isclick=false;
}else{
$scope.ob="-gid";
$scope.isclick=true;
}
}

$scope.orderxiaoji=function(){
if($scope.isclick){
$scope.ob="-gcount";
$scope.isclick=false;
}else{
$scope.ob="gcount";
$scope.isclick=true;
}
}

//删除
$scope.del=function(name){
for (var i = 0; i < $scope.shops.length; i++) {
if($scope.shops[i].gname==name){
$scope.shops.splice(i,1);
break;
}

}
}

$scope.alldel=function(){
$scope.shops=[];
}
});
</script>
</body>

笑颜888

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
总价删除

&lt;body ng-app="myapp" ng-controller="mycon"&gt; &lt;div class="d1"&gt; &lt;h1&gt;我的购物车详情&lt;/h1&gt; &lt;input type="text" placeholder="根据名称查询" id="sname"
复制链接

扫一扫

总价 删除

总价删除