angular+bootstrap写的简易购物车

直奔主题吧，抽时间使用angular和bootstrap写了一个简单地购物车，实现商品数量的添加，修改和删除

1. html页面代码

商品名称

商品单价

数量

添加商品

产品编号	产品名称	购买数量	产品单价	产品总价	操作
{{ item.id }}	{{ item.name }}	- +	{{ item.price }}	{{ item.price * item.quality }}	删除
呜呜呜，购物车空空去也，快去添加吧！
总购买价	{{ totalPrice() }}	总购买数量	{{ totaNmu() }}	清空购物车

2. 控制器部分代码：

angular.module('myApp', [])
.controller('cartController', function($scope, ) {
$scope.cart = [{
id: 1,
name: 'iphone5s',
quality: 3,
price: 4300
},
{
id: 2,
name: 'xiaomi',
quality: 2,
price: 2200
},
{
id: 3,
name: 'T-shirt',
quality: 5,
price: 150
},
{
id: 4,
name: 'weibo',
quality: 5,
price: 150
}
];
$scope.addCart = {
id: null,
name: '',
quality: null,
price: null
};
$scope.cartEmpty = false;
//计算购物车总价
$scope.totalPrice = function() {
var total = 0,
num = 0;
angular.forEach($scope.cart, function(item) {
total += item.quality * item.price;
num += item.quality
})
return total;
},
//计算购物车总数量
$scope.totaNmu = function() {
var num = 0;
angular.forEach($scope.cart, function(item) {
num += item.quality
})
return num;
},
//删除商品
$scope.deleteCart = function(obj) {
console.log(obj);
$scope.cart.splice(obj, 1);
return $scope.cart;
},
//操作商品数量
$scope.changeCartNum = function(obj, sign) {
if (sign == 1) {
$scope.cart[obj].quality++;
} else if (sign == 0 && $scope.cart[obj].quality > 1) {
$scope.cart[obj].quality--;
} else {
alert('亲，只剩一个了，不能再少了');
}
},
//清空购物车
$scope.clearAllCart = function() {
$scope.cart = [];
$scope.cartEmpty = true;
},
//添加购物商品
$scope.addNewCart = function() {
$scope.addCart.id = $scope.cart.length + 1;
$scope.cart.push($scope.addCart);
$scope.addCart = {};
}
})