Angular JS BootStrap實現(xiàn)購物功能【商品價格計算、數(shù)量增減】

<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;
};
//計算總數(shù)量
$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){
//判斷數(shù)量是否大于1，是————》數(shù)量就減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
//第二個參數(shù)1表示從該索引起，刪除1條數(shù)據(jù)，更改為2后，會刪除索引連續(xù)的兩條記錄
$scope.products.splice(key,1);
return;
};
})
};
$scope.Clear=function(){
$scope.products={};
};

});
</script>