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

Question

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

Answer 1

Вы можете использовать localStorage. Это действительно удобно.

var data = "some data";
localStorage.setItem("data_item", data);
localStorage.getItem("data_item"); //returns "some data"

Или

Используйте SessionStorage или куки для хранения ваших данных.

Когда вы нажмете «Обновить», скопируйте свои данные в любое из указанных выше хранилищ, а при инициализации скопируйте их обратно в переменную. Проверьте ниже пример. Замените sessionStorage на localStorage для хранения данных в localStorage.

In AppComponent

    ngOnInit() {
    if (sessionStorage.getItem("user")) {
      this.data.changeUser(sessionStorage.getItem("user"));
    }
    }
@HostListener('window:beforeunload', ['$event'])
      unloadNotification($event: any) {
        sessionStorage.setItem("user", this.getUser());
    }

Answer 2

Лучшее решение - использование состояний.

Самое простое решение - сохранить значения на входном событии.Например:

<input FormControl="name" (input)="saveValue"/>

В вашем ts:

saveValue() {
this.name = this.form.get('name').value;
}

А когда вы вернетесь к своей форме, вызовите функцию reBuild.

reBuild() {
this.form.get('name').setValue(this.name) ;
}