Question

我需要使用会话在电子商务Web应用程序中将其添加到购物车选项。会话未更新。到目前为止，我已经实现了这一点：

onClickCart() {
     this
      .cartService
      .getCartDetails()
      .subscribe((data) => {
       localStorage.setItem('cartProducts', JSON.stringify(this.productInfoCart));
       console.log("Session data: ",localStorage.getItem('cartProducts'));
    });
  }

Answer 1

可能是因为您尚未使用最新数据更新productInfoCart

this.productInfoCart = []; // initialize

onClickCart(){
     this
      .cartService
      .getCartDetails()
      .subscribe((data) => {
       //this.productInfoCart = data; //add this line
       // if you want to add new item to cart
       this.productInfoCart.push(data);
       localStorage.setItem('cartProducts', JSON.stringify(this.productInfoCart));
       console.log("Session data: ",localStorage.getItem('cartProducts'));
    });
  }

如果我正确理解了您的问题，那么这应该对您有用 https://stackblitz.com/edit/angular-srslhc?file=src%2Fapp%2Fapp.component.ts

用于在角度6中添加到购物车选项的本地存储

1 个答案: