Angular 4：路由到另一个组件后保存组件状态

Question

我正在开发一个带有 angular 的应用程序，目前我遇到了这个问题：

我有一个组件，用户可以在其中填充三个选择框。之后，他可以开始搜索以找到匹配的匹配项。现在他们可以点击一个点击并显示详细信息。详细信息显示在第二个组件中。从组件 1 到 2 的转换通过

[routerLink]="..."

我的问题是当我返回概览时，必须重新输入所有数据。如何保存第一个组件的状态，以便用户不必再次填写三个选择框？

Answer 1

一种方法是将状态存储在本地存储中。因此，当您返回原始页面时，您可以查询该项目是否存在于本地存储中，如果存在则重新初始化。

let data = {};
localStorage.setItem('settings', data);

或者，您可以通过路由器参数传入后面和第四个匹配项。