Angular реализовать обратную навигацию и вернуться к последнему компонентному изображению

Question

Я использую angular для разработки своего приложения, и я пытаюсь реализовать обратную навигацию (пользователь нажмет кнопку и перейдет на последнюю страницу).

После навигации я хочу, чтобы пользователь чтобы увидеть последнее состояние страницы, на которую он только что вернулся, для этого мне нужно сохранить изображение компонента (значения переменных и т. д.).

Пользователь должен иметь возможность нажимать кнопку «Назад» до он хочет.

Есть идеи, что лучше всего подходит для такого рода реализации?

Обновление

Я не использую никаких государственных менеджеров

Answer 1

Если вы используете диспетчер состояний, такой как Redux, MobX или NgRx, вы легко сможете восстановить содержимое последней посещенной страницы. Это еще одно большое преимущество менеджеров состояний - возможность бесплатно предоставлять кэш. service, чтобы вы могли восстановить его при перезагрузке компонента.

Answer 2

для этого вы можете использовать Location , предоставленный angular.

Вам просто нужно импортировать файл, используя:

import { Location } from '@angular/common';

И создать экземпляр это в аргументах конструктора, используя:

constructor(private location:Location)

теперь просто добавьте следующую строку в свою функцию goBack (), вызываемую при нажатии кнопки:

goBack(){
this.location.back();

}

А для сохранения состояния лучше всего использовать redux, а если нет, вы можете создавать сервисы для определенных экранов и сохранять данные в некоторых наблюдаемых. И в вашем компоненте в ngOnInit () сначала проверьте, есть ли в сервисе наблюдаемые данные, подписавшись на них, и, если да, используйте эти данные для инициализации переменных.