Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将项目添加到购物车中_Javascript_Angularjs - Fatal编程技术网

Javascript 将项目添加到购物车中

Javascript 将项目添加到购物车中,javascript,angularjs,Javascript,Angularjs,我想将项目添加到购物车并显示总额。 在这里,我创建了一个函数addTo(),目的是添加每个项目,然后我创建了函数getCost(),将其添加到项目的多个price和num中。 然后我想在每次单击“添加到购物车”时自动显示总金额。请帮我建立这个函数。我不知道 angular.module('TransactionApp', []) .controller('TransactionsCtrl', function($scope) { $scope.title = 'Online-store'

我想将项目添加到购物车并显示总额。 在这里,我创建了一个函数addTo(),目的是添加每个项目,然后我创建了函数getCost(),将其添加到项目的多个price和num中。 然后我想在每次单击“添加到购物车”时自动显示总金额。请帮我建立这个函数。我不知道

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的了解中组件/控制器