Angular如何保存整個頁面或組件數據以供以后使用

Question

我有一個angular 6應用程序，該應用程序具有使用@ angular / material水平步進器的不同組件（屏幕），並且每個步驟都有復雜的表單（模板驅動的表單和表單組），並且我想將整個步驟保存在草稿中（可能在localStorage或mongodb）如果該過程尚未完成，或者用戶想要保存以便以后繼續，但是所有組件的結構都不同，因為它們具有不同的表單組和類成員變量，所以我要問的是有什么解決方案來保存整個組件步進或整個角度分量以及數據，這樣當用戶想要使用時將繼續該過程而不會丟失其數據嗎？

注意 ：所有組件都有不同的變量，這些變量在表單填充過程中會發生變化，有些則用於隱藏app / formControls的某些部分。

Answer 1

您可以使用瀏覽器的網絡存儲，現在大多數最新的瀏覽器都支持此功能https://www.w3schools.com/html/html5_webstorage.asp如果您要移出頁面，則可以始終在此存儲上進行檢查，但可以使用會話存儲必須意識到，對於每個新選項卡，如果您需要在整個瀏覽器上都可以訪問該數據（即使其他選項卡也可以訪問），則會丟失保存在會話存儲中的數據，否則您也可能會使用Cookie來維護數據並恢復用戶輸入。

Answer 2

您必須將客戶數據保存在服務器緩存或數據庫中，如果為isDraft或isSave或isSubmitted，則可以保持狀態，因此，如果客戶已保存或提交數據，則可以獲取詳細信息。