如何在 Angular 8 中重置购物车详细信息答案

【问题标题】：How to reset cart details in angular 8如何在 Angular 8 中重置购物车详细信息
【发布时间】：2020-01-06 09:49:25
【问题描述】：

我为购物车创建了一个应用程序。一切正常，但我已删除 document.location.href 进行重定向，而不是使用 this.router.navigate['/products']。因此购物车详细信息未正确重置。我试图解决这个问题，但没有工作。是否有人可以帮助找到解决方案？

【问题讨论】：

【解决方案1】：

对src/app/services/cart.service.ts进行了更改

 emptyCart(){   
    this.cartData =[];  
    this.listCartItems(); 
  }

原因 document.location.href 有效，因为在重置字典后重定向到新页面。

当您导航 Angular 的路由器时，它不会重定向，它只是更改路由。在此重置没有发生。

点击“下新订单”时清除购物车

checkout.dir.ts 中的函数clearCart()

this.cart.emptyCart();

在这一行之前：

this.router.navigate(['/products']);

【讨论】：