如何在访问主页时重新加载和清除所有捕获的数据?

Question

在我的应用程序中，存在多个页面。 用户可以从第一页转到最后一页填写表格。 由于一种形式依赖于其他形式，因此我也将这些值保存在共享服务对象中。

现在，当用户单击以返回到主页时，所有服务对象值和窗体都需要重置回其默认值或 Null。 我怎样才能实现这一点？

我找到了一种方法作为window.location.reload()- 但这刷新了应用程序总数。 什么是正确的angular方法？

this.router.navigate([''], 'forcetoreload')- 还是别的什么？

有人在这里帮我吗？

Answer 1

您可以使用 router.naviagate 并调用您的服务方法来清除存储的值。

您应该有一种清除值的方法

clearValues():void {
this.storageValues = [];
}

然后在组件中，

this.router.navigate(['/home');
this.myService.clearValues();