Angular上的购物车

Question

我创建了add-to-cart应用。我想点击每个项目，并将其添加到购物车。但首先我需要点击按钮‘添加到购物车’，并在每次点击时增加它的值。当我添加ng-repeat时，我不知道如何编写一个负责添加单独项的函数。

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-2.png', quantity: 0  },
    {  price: 35, name: "BCAA", img: 'img/item-3.png', quantity: 0  },
    {  price: 50, name: "Whey protein", img: 'img/item-1.png', quantity: 0  },
    {  price: 60, name: "Protein bar", img: 'img/item-2.png', quantity: 0  },
    {  price: 80, name: "BCAA", img: 'img/item-3.png', quantity: 0  }

   ];

   // $scope.count = 0;
   $scope.addTo = function(){

   }

});

下面是html：

    <h2 class="title">{{title}} <i class="em em-shopping_bags"></i></h2>
<div class="container">
<div class="row">
  <div class="col-lg-4 col-md-2 col-sm-6">
         <div class="card" style="width: 18rem;" ng-repeat='item in itemsArray'>
      <img class="card-img-top" ng-src={{item.img}} alt="Card image cap">
      <div class="card-body">
        <h5 class="card-title"></h5>
        <p class="card-text">{{item.name}}</p>
        <p class="price">{{ item.price | currency }}</p>
        <a href="#"  class="btn btn-warning" ng-click="addTo()"><i class="em em-shopping_trolley"></i>  Add to cart <span class="number">{{ item.quantity }}</span></a>

        </p>
      </div>
    </div>
  </div>
  </div>
</div>