Angular, как сохранить целую страницу или данные компонента для последующего использования

Question

У меня есть приложение angular 6, в котором есть различные компоненты (экраны), использующие горизонтальный шаговый элемент @ angular / material, и каждый шаг имеет сложные формы (формы и группы форм, управляемые шаблоном), и я хочу сохранить все этапы в черновике (может быть в localStorage или mongodb), если процесс не завершен или если пользователь хочет сохранить его, чтобы продолжить позже, но структура всех компонентов различна, поскольку они имеют разные группы форм и переменные членов класса, поэтому я спрашиваю, есть ли какое-либо решение для сохранить весь степпер или весь угловой компонент с данными, чтобы, когда пользователь захочет использовать, продолжить процесс, не потеряв свои данные?

ПРИМЕЧАНИЕ : все компоненты имеют разные переменные, которые изменяются при заполнении форм, а некоторые используются для скрытия некоторой части app / formControls.

Answer 1

вы должны сохранить данные клиента в кэше сервера или в дБ, вы можете сохранить статус, если это черновик, isSave или isSubmitted, так что вы можете получить подробную информацию, если клиент сохранил или отправил данные.

Answer 2

Вы можете использовать веб-хранилище браузера, большинство последних браузеров теперь поддерживают эту функцию https://www.w3schools.com/html/html5_webstorage.asp, если вы уходите со страницы, вы всегда можете проверить это хранилище, но с хранилищем сеансов вы должны знать, что для при каждой новой вкладке вы теряете данные, которые вы сохранили в хранилище сеансов, если вам нужно, чтобы данные были доступны во всем браузере, даже при использовании других вкладок локальное хранилище было бы уместно, иначе вы также можете использовать файлы cookie, чтобы поддерживать данные и восстанавливать пользователя входы.