angular - 如何防止在不使用服务的情况下在Angular6中单击返回时重新加载组件？

Question

让我们考虑2个角度组件componentA和componentB，我有一个Form，其中在componentA中输入了一些值，并带有一个导航到componentB的按钮，导航到componentB后，我有一个返回按钮返回componentA，现在单击返回按钮后导航到componentA但重新加载了值（刷新了整个组件），如何防止在单击返回时重新加载组件，请帮帮我。

我routerLink='./componentA'用于路由返回

标签： angulartypescriptangular-ui-router

Answer 1

您必须临时存储表单的控件值。您可以创建一个服务并将该表单的所有数据保存在该服务属性中。

如果您在刷新页面后想要该数据，则将其存储在浏览器中，例如本地存储、会话存储或 cookie（取决于您的要求）。

并通过这些存储值预先填充您的 ComponentA 表单。