当我们从路径移动到另一个时如何保持 Angular 8 应用程序状态

How to keep Angular 8 application state when we move from path to another

我在一个项目中工作,当用户从一个路径移动到另一个路径时,我需要保持我的 Angular 8 应用程序状态。

例如:在我的应用程序中,我有一个包含两个元素的导航栏。当我们 select 一个元素时,用户被重定向到一个新组件(一个新路径)。例如,在这个例子中,有一个 table 包含客户列表(此数据来自后端服务)。当用户转到另一条路径做其他事情并决定返回查看第一条路径(包含客户列表的 table)时,数据消失。当用户从路径移动到另一条路径时,我们如何保持每条路径的数据或状态。

保持应用状态的方法有很多种。第一点是,如果您希望在组件中获取获取的结果,即使用户刷新应用程序,您也应该使用 Local Storage 来存储您的数据。但如果这实际上无关紧要,您可以创建一个共享 Service 并将获取的数据存储在 Object 或任何任意数据结构中。当您返回到组件时,请检查对象,如果不是 Null,则通过该对象显示数据。其他方式是使用 RXJSNGRX.

但是,如果您提供一些代码,我们可以更清楚地帮助您。如果有任何问题,请告诉我。

祝你好运