3.1 购物车数量增减与移除 3.1.1 前端服务层
pinyougou-cart-web 的 cartService.js
//添加商品到购物车
this.addGoodsToCartList=function(itemId,num){
}
3.1.1 前端控制层
pinyougou-cart-web 的 cartController.js
//添加商品到购物车
$scope.addGoodsToCartList=function(itemId,num){ cartService.addGoodsToCartList(itemId,num).success(
function(response){ if(response.success){
$scope.findCartList();//刷新列表
}else{
alert(response.message);//弹出错误提示
}
}
);
}
3.1.1 页面 修改 pinyougou-cart-web 的 cart.html 实现数量增减
< li class="yui3-u-1-8">
<a rel="nofollow" href="javascript:void(0)" ng-click="addGoodsToCartList(orderItem.itemId,-1)" class="increment mins">-</a>
<input autocomplete="off" type="text" ng-model="orderItem.num" minnum="1" class="itxt" />
<a rel="nofollow" href="javascript:void(0)" ng-click="addGoodsToCartList(orderItem.itemId,1)" class="increment plus">+</a> </li>
实现删除功能
<a rel="nofollow" href="#none" ng-click="addGoodsToCartList(orderItem.itemId,-orderItem.num)" >删除
</a><br />
3.1 合计数 3.1.1 前端服务层 修改 cartService.js
//求合计
this.sum=function(cartList){
var totalValue={totalNum:0, totalMoney:0.00 };//合计实体
for(var i=0;i<cartList.length;i++){
var cart=cartList[i];
for(var j=0;j<cart.orderItemList.length;j++){
var orderItem=cart.orderItemList[j];//购物车明细 totalValue.totalNum+=orderItem.num;
totalValue.totalMoney+= orderItem.totalFee;
}
}
return totalValue;
}
3.1.1 前端控制层 修改 cartController.js ，调用服务层方法
//查询购物车列表
$scope.findCartList=function(){ cartService.findCartList().success(
function(response){
$scope.cartList=response;
$scope.totalValue=cartService.sum($scope.cartList);//求合计数
}
);
}
3.1.1 页面
<div class="chosed">已选择<span>{{totalValue.totalNum}}</span>件商品</div>
<div class="sumprice">
<span><em>总价（不含运费） ：
</em><i class="summoney">¥{{totalValue.totalMoney}}</i></span>
</div>
