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

Question

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

Проблема, с которой я сталкиваюсь, заключается в том, что всякий раз, когда я изменяю что-либо в одном компоненте, его компонент Обновление состояния других компонентов также

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

Возможно ли это с NgRx?

Answer 1

Я записал разные подходы в Управление различными срезами одного и того же состояния NgRx .

Вы должны сохранить состояние по их идентификатору:

{
  "counters": {
    "31cd7f19-559e-4d77-8899-97797368b8c4": {
      "count": -1
    },
    "ca6184a4-10cf-473c-b1f6-6bb73ab20679": {
      "count": 4
    },
    "1caf0bc3-1414-4221-ae1d-a94f99ced451": {
      "count": 0
    }
  }
}

Answer 2

Да, это возможно при наличии службы между компонентом и хранилищем NgRx. По сути, сервис здесь будет действовать как поставщик данных для компонента (представьте себе отдельный сервис для каждой вкладки, каждый сервис знает, какое хранилище больше использовать).