本帖最后由 谷粒姐姐 于 2018-10-24 11:27 编辑
3.1 购物车数量增减与移除 3.1.1 前端服务层 pinyougou-cart-web 的 cartService.js [AppleScript] 纯文本查看 复制代码 //添加商品到购物车
this.addGoodsToCartList=function(itemId,num){
} 3.1.1 前端控制层 pinyougou-cart-web 的 cartController.js [AppleScript] 纯文本查看 复制代码 //添加商品到购物车
$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 实现数量增减 [AppleScript] 纯文本查看 复制代码 < li class="yui3-u-1-8">
<a 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 href="javascript:void(0)" ng-click="addGoodsToCartList(orderItem.itemId,1)" class="increment plus">+</a> </li> 实现删除功能[AppleScript] 纯文本查看 复制代码 <a href="#none" ng-click="addGoodsToCartList(orderItem.itemId,-orderItem.num)" >删除
</a><br />
3.1 合计数 3.1.1 前端服务层 修改 cartService.js [AppleScript] 纯文本查看 复制代码 //求合计
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 ,调用服务层方法 [AppleScript] 纯文本查看 复制代码 //查询购物车列表
$scope.findCartList=function(){ cartService.findCartList().success(
function(response){
$scope.cartList=response;
$scope.totalValue=cartService.sum($scope.cartList);//求合计数
}
);
} 3.1.1 页面 [AppleScript] 纯文本查看 复制代码 <div class="chosed">已选择<span>{{totalValue.totalNum}}</span>件商品</div>
<div class="sumprice">
<span><em>总价(不含运费) :
</em><i class="summoney">¥{{totalValue.totalMoney}}</i></span>
</div> |