在Angular中将商品添加到购物车

Question

我想将项目添加到购物车并显示总金额。 在这里，我创建了一个函数addTo（），目的是添加每个项目，然后我将函数getCost（）创建到该项目的多个价格和数量。 然后，我想每次单击“添加到购物车”时自动显示总金额。请帮我建立这个功能。我不知道。

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() {

   }


});