基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 4 元　

支付宝支付

微信支付

   源码介绍

---

Angular JS BootStrap实现购物功能【商品价格计算、数量增减】

<script type="text/javascript">
var app=angular.module('myApp',[]);
app.controller('cartCtrl',function($scope){
$scope.products=[
{
id:'001',
name:'iphone5SE',
quintity:5,
price:3499,
},
{
id:'002',
name:'ipad Air2',
quintity:3,
price:3499,
},
{
id:'003',
name:'ipad Mini4',
quintity:6,
price:3499,
},
{
id:'004',
name:'iMac',
quintity:12,
price:3499,
},
{
id:'005',
name:'Nikon D7200',
quintity:1,
price:7000,
},
{
id:'006',
name:'ipod touch',
quintity:22,
price:1499,
}];
      //计算总价
$scope.totalPrice=function(){
var total=0;
angular.forEach($scope.products,function(item){
total =item.price*item.quintity;
console.info(item);return;
})
return total;
};
//计算总数量
$scope.totalQuintity=function(){
var total=0;
angular.forEach($scope.products,function(item){
total =item.quintity;
console.info(item);return;
})
return total;
};
$scope.Minus=function(id){
angular.forEach($scope.products,function(item,key){
if(item.id==id){
//判断数量是否大于1，是————》数量就减1
if(item.quintity>1){
   item.quintity--;
   return;
   }
//否————》提示是否删除该商品
else{
var isClear=confirm("再删就没了，想清除该商品么？");
if(isClear){
$scope.products.splice(key,1);
return;
}}
}
})
};
$scope.Add=function(id){
angular.forEach($scope.products,function(item){
if(item.id==id){
item.quintity ;
return;
}
})
};
$scope.Remove=function(id){
angular.forEach($scope.products,function(item,key){
if(item.id==id){
//当遍历的某一个对象的id==id时，获取该对象的索引值key
//第二个参数1表示从该索引起，删除1条数据，更改为2后，会删除索引连续的两条记录
$scope.products.splice(key,1);
return;
};
})
};
$scope.Clear=function(){
$scope.products={};
};

});
</script>