Как я могу сохранить значения формы пользователя

Question

Я разрабатываю форму и использую реактивные формы Angular.
Мне нужно сохранить значения формы, когда пользователь перезагрузит страницу, потому что у меня есть служба перевода, а эта служба - перезагрузкастраница, когда пользователь меняет язык.

Как я могу сохранить значения формы пользователя, когда он меняет язык?

Answer 1

Я не уверен, какую библиотеку вы используете для перевода и почему она так работает, но я все равно постараюсь ответить на ваш вопрос.

Если вам интересно сохранять значения форм при каждом изменении языка, вы можете просто подключиться к событию смены языка.

Например, с помощью ngx-translate вы можете просто подключиться к событию onLangChange.

onLangChange.subscribe((event: LangChangeEvent) => {
  const formValue = this.form.value
  // Persist form value into the localStorage
});

Другой вариант - просто сохранить значения формы в localStorage при каждом изменении формы. Нравится ( DerrickF предлагается) Таким образом, вы всегда будете иметь последнее значение формы:

  this.form.valueChanges.subscribe(formValue=> // Persist to local storage)

и вы можете просто загрузить их из localStorage и установить значение формы с помощью

this.form.setValue(**yourPersistedFormValue**)

Answer 2

Вы можете упорядочить значения формы и сохранить их в локальном хранилище, а затем вернуть их обратно в форму, если приложение перезагрузится.

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

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