每次我点击一个项目,它都会被添加到购物车。我需要删除以前添加的项目,然后在角度js

时间:2017-05-17 08:25:52

标签: javascript angularjs ionic-framework

我的问题可能重复。但那些人正在使用magento。

在添加新项目之前,我需要帮助删除购物车中之前添加的项目。

现在究竟发生了什么,每次点击item,它都会增加项目数量。但我真正需要的只是在购物车中添加的最新项目。 这是我的代码。

service.js

.factory('CartService', [function () {
var svc = {};
svc.saveCart = function(cart){
window.localStorage.setItem('cart', JSON.stringify(cart));
};
svc.loadCart = function(){
var cart = window.localStorage.getItem('cart');
if(!cart){
return { products : [ ] }
}
return JSON.parse(cart);
};
svc.resetCart = function(){
var cart =  { products : [ ] };
svc.saveCart(cart);
return cart;
};

svc.getTotal = function(cart){
var out = 0;
if(!cart || !cart.products || !angular.isArray(cart.products)){
return out;
}
for(var i=0; i < cart.products.length; i++){
out += cart.products[i].price;
}
return out;
}
return svc;
}])

controller.js

.controller('FoodCtrl', function($scope,$state,mySharedService,     $ionicActionSheet, BackendService, CartService) {

$scope.cart = CartService.loadCart();

$scope.doRefresh = function(){
  BackendService.getFood()
  .success(function(newItems) {
    $scope.products = newItems;
  })
  .finally(function() {
    $scope.$broadcast('scroll.refreshComplete');
  });
  };

  var addProductToCart = function(product){
  $scope.cart.products.push(product);
  CartService.saveCart($scope.cart);
  };

  $scope.addProduct = function(product){
  $ionicActionSheet.show({
   buttons: [
     { text: '<b>Add to produce</b>' }
   ],
   titleText: 'add to cart ' + product.itemName,
   cancelText: 'Cancel',
   cancel: function() {
      // add cancel code if needed ..
   },
   buttonClicked: function(index) {
     if(index == 0){
       addProductToCart(product);
       return true;
     }
     return true;
     }
    });
    };

任何回复都非常有帮助。

谢谢。

1 个答案:

答案 0 :(得分:2)

为了做到这一点,首先检查数组是否为空(如果不是空的话)

像:

public function find($id)
{
    return Token::where('id', $id)->first();
}