Javascript 将项目添加到购物车中
我想将项目添加到购物车并显示总额。 在这里,我创建了一个函数addTo(),目的是添加每个项目,然后我创建了函数getCost(),将其添加到项目的多个price和num中。 然后我想在每次单击“添加到购物车”时自动显示总金额。请帮我建立这个函数。我不知道Javascript 将项目添加到购物车中,javascript,angularjs,Javascript,Angularjs,我想将项目添加到购物车并显示总额。 在这里,我创建了一个函数addTo(),目的是添加每个项目,然后我创建了函数getCost(),将其添加到项目的多个price和num中。 然后我想在每次单击“添加到购物车”时自动显示总金额。请帮我建立这个函数。我不知道 angular.module('TransactionApp', []) .controller('TransactionsCtrl', function($scope) { $scope.title = 'Online-store'
angular.module('TransactionApp', [])
.controller('TransactionsCtrl', function($scope) {
$scope.title = 'Online-store';
$scope.itemsArray = [
{ price: 50, name: "Whey protein", img: 'img/item-1.png', quantity: 0},
{ price: 60, name: "Protein bar", img: 'img/item-1.png', quantity: 0 },
{ price: 35, name: "BCAA", img: 'img/item-1.png', quantity: 0 },
{ price: 50, name: "Whey protein", img: 'img/item-1.png', quantity: 0 },
{ price: 60, name: "Protein bar", img: 'img/item-1.png', quantity: 0 },
{ price: 80, name: "BCAA", img: 'img/item-1.png', quantity: 0 }
];
$scope.addTo = function(item) {
item.quantity += 1;
}
$scope.getCost = function(item) {
return item.quantity * item.price;
}
$scope.cart = [];
$scope.getTotal = function() {
}
});
addTo()在我按“添加到购物车”按钮时起作用这很好,但是我们应该如何处理这些信息呢?您的代码有问题吗?看看@D.Simon yep,我不知道如何建造这个function@OksanaShukh你使用的是Angular的哪个版本?有人已经发布了一个关于如何构建购物车的不错的教程:因为你的问题并不是Angular特有的,所以最好先了解如何构建没有Angular的购物车,并将这些知识应用到你对Angular的了解中组件/控制器