Angular 在路由到其他组件时将表单字段内容保留在组件中答案

【问题标题】：Angular keep form field content in an component while routing to an other componentAngular 在路由到其他组件时将表单字段内容保留在组件中
【发布时间】：2020-08-19 11:06:10
【问题描述】：

首先，我有一些组件可以填写表单字段。在此过程中，您应该可以路由到另一个组件。但是，当您这样做并尝试返回具有所有表单字段的组件时，它们不再被填充。那么在“工作流程”期间我能做些什么来存储所有这些字段呢？

【问题讨论】：

你能显示一些代码吗
正如@SlawaEremin 所问，一些代码会很好地审查这个。但起初，我认为您想要实现的是一种在更改组件时存储表单值的方法。如果这是您想要的，请检查我的答案。

标签： angular forms routes

【解决方案1】：

您可以将数据保存在本地存储中，然后在应用重新加载或发生任何事情时将它们恢复到表单中。

// Set in local storage
localStorage.setItem(itemName, JSON.stringify(formValues)); 

// Retrieve data from localstorage 
retrievedForm = JSON.parse(localStorage.getItem(itemName));

【讨论】：

【解决方案2】：

要在不同组件之间保存数据，您可以使用服务

【讨论】：