Angular如何保存整个页面或组件数据以供以后使用

时间:2019-01-09 06:22:04

标签: javascript angular reactjs angular-material2 angular-material-stepper

我有一个angular 6应用程序,该应用程序具有使用@ angular / material水平步进器的不同组件(屏幕),并且每个步骤都有复杂的表单(模板驱动的表单和表单组),我想将整个步骤保存在草稿中(可能是在localStorage或mongodb中),如果该过程尚未完成,或者用户希望保存以便以后继续进行,但是所有组件的结构都不同,因为它们具有不同的表单组和类成员变量,所以我要问的是什么解决方案用数据保存整个步进器或整个角度分量,以便当用户想要使用时将继续该过程而不会丢失其数据吗?

注意:所有组件都有不同的变量,这些变量在表单填充过程中会发生变化,其中一些用于隐藏app / formControls的某些部分。

2 个答案:

答案 0 :(得分:0)

您可以使用浏览器的网络存储,现在大多数最新的浏览器都支持此功能https://www.w3schools.com/html/html5_webstorage.asp,如果您要移出页面,则始终可以检查该存储,但是对于会话存储,则必须注意如果您需要在整个浏览器中访问数据(即使其他选项卡也可以在整个浏览器中访问),则新选项卡将丢失您保存在会话存储中的数据,其他方式您也可以使用cookie来维护数据并恢复用户输入

答案 1 :(得分:0)

您必须将客户数据保存在服务器缓存或数据库中,如果为isDraft或isSave或isSubmitted,则可以保持状态,因此,如果客户已保存或提交数据,则可以获取详细信息。