Как предотвратить перезагрузку компонента при повторном нажатии в Angular6 без использования Сервиса?

Question

Давайте рассмотрим 2 угловых компонента componentA и componentB , у меня есть форма с некоторыми значениями, введенными в componentA с кнопкой для перехода к componentB , после перехода к componentB у меня есть кнопка возврата, чтобы вернуться к componentA , теперь после нажатия кнопки назад она переходит к componentA , но со значениямиперезагрузил (весь компонент обновлен), как я могу предотвратить перезагрузку компонента при нажатии назад, помогите мне.

Я использую routerLink='./componentA' для маршрутизации обратно

Answer 1

Попробуйте использовать Locatoin Service.импортируйте его из формы import {Location} from '@angular/common';, затем вставьте его в componentB .

constructor(private _location: Location) 
  {}

  onClickBack() {
    this._location.back();
  }

Answer 2

Вы должны хранить значение элемента управления вашей формы временно.Вы можете создать сервис и хранить все данные формы в этом свойстве сервиса.

Если вы хотите, чтобы эти данные после обновления страницы сохранялись в браузере, например, в Локальном хранилище, Сессионном хранилище или файлах cookie (зависит от ваших требований).

И предварительно заполняйте форму ComponentA через этисохраненное значение.