Как мне сохранить значение переменной между экземплярами компонента в Angular 9 с кэшированием?

Question

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

Следующий стек-демонстрация демонстрирует упрощенную версию того, чего я хотел бы достичь: https://stackblitz.com/edit/angular-y97cbz-yarva4

В приведенном выше примере я хотел бы, чтобы компонент запомнил сделанный выбор на первой странице и выберите эти варианты по умолчанию для экземпляра компонента на второй странице.

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

Есть ли способ достичь этого без отключения кэширования?

Answer 1

Попробуйте создать новый компонент, который будет поддерживать ваш выбор в их сервисе, и использовать этот компонент в других шаблонах через selector. Это именно то, что есть в stackblitz, который вы предоставляете в своем вопросе.

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