Select Multiple items in ng-repeat and Send The object to Addtocart functionality of ng-cart

Question

I am having a scenario where I have repeat items list with having check box on each item and "Select All" functionality also on page header section and if either I select one item or select all (Multiple), the add to cart button gets activated( Default disable and enable when any item in the list is checked or selected ) . But now the point is Addtocart functionality of ng-cart directive is written in a way that the Addtocart button should be on each item in list., but the scenario that I have is that I have to first check either one item or multiple then having only one Addtocart button to make or add single or multiple items added in one go .

Help me with this.

Resources : https://github.com/snapjay/ngCart

Answer 1

As given in the documentation and also the source code, there is a method addItem on ngCart service which can be used to add items to the cart like :

ngCart.addItem(id, name, price, quantity, data);

So, In your case, once you check if one/more items are checked, you can call this method by looping through each of your checked items.

Make sure you add the module ngCart in your app module dependencies and the service ngCart in your Controller to access all the shared methods of the service.

Make below changes to get it working :

docListView.html :

// Added this button for testing

<button ng-click="addItem()">AddToCart</button>

docListController.js :

//Inject 'ngCart' service in the controller as a dependency.

docListController.$inject = ["$scope", "ngCart"];

//function that will be called when `AddToCart` button is clicked,
//where each selected item is added to the cart.

$scope.addItem = function (){

  angular.forEach($scope.seletedDocumentsCollection.selectedValues, function (selectedItem) {

   ngCart.addItem(selectedItem.isbn, selectedItem.login, selectedItem.price);

  });
}