angular - 如何以角度形式保留值

Question

在我的角度应用程序中有两个页面。在第一页中，我们将填写表格中的数据，然后单击继续，然后转到下一页。

但是下一页有返回按钮，如果我们单击它，它将转到表单之前的页面。

现在的重点是表单字段中填写的数据没有保留数据。

那么我该怎么做才能使表单字段中的值即使在转到下一页并再次返回上一页后也应该保留。

请帮助任何人。

标签： angular

Answer 1

您需要使用 NgRx 等状态管理库来保存表单的状态，或者将状态保存在 localStorage / sessionStorage 中。

您可以在单击继续按钮并转到下一页时选择加入以保存用户状态。一旦用户移动到另一个页面并尝试返回表单组件，您将拥有先前的表单状态已经保存在本地或会话存储形式或 NgRx 中。您需要做的就是从状态和调用setValue()或patchValue()方法中读取数据以再次预填表单！

以下是一些可能有用的示例：
如何以角度反应形式保持价值？
如何保存用户表单值
https://www.bennadel.com/blog/3834-saving-temporary-form-data-to-the-sessionstorage-api-in-angular-9-1-9.htm