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

【问题标题】：Angular 4: Save component state after routing to another componentAngular 4：路由到另一个组件后保存组件状态
【发布时间】：2018-03-23 09:03:00
【问题描述】：

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

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

成功

[routerLink]="..."

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

【问题讨论】：

标签： angular

【解决方案1】：

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

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

或者，您可以通过路由器将比赛向后和第四次传递参数。

【讨论】：

【解决方案2】：

在[(ngModelChange)]或(input)上，将输入内容保存在localStorage中。

初始化表单组件时，查找localStorage 中是否存在键并将字段设置为该键。

【讨论】：