页面刷新/添加到购物车功能角度9的状态管理

Question

我想知道如何在用户刷新页面时持久保存购物车对象。情况：我有一个添加到购物车的功能，可以从许多组件访问/查看。我需要在从一个页面到另一个页面(将使用SPA-路由(以及页面刷新时维护购物车对象。有人能提出最好的方法吗。注意：添加到购物车中的对象可能包含购物车组件所需的许多键值数据(对此的建议也是一种添加(技术堆栈：角度9条件：用户未登录。

提前谢谢。

Answer 1

最好的方法是将它们保存在数据库中。但如果你没有任何后端，你可以添加到本地存储或会话存储

localStorage.setItem('cartItems', JSON.stringify(this.itemsInCart));
this.itemsInCart = JSON.parse(localStorage.getItem('cartItems'));

你可以在这里找到一些信息：

https://www.digitalocean.com/community/tutorials/js-introduction-localstorage-sessionstorage