Селектор ngrx не возвращает номер, а вместо этого возвращает весь объект состояния

Question

Я пытаюсь заставить этот селектор функций работать. Но вместо того, чтобы возвращать число, селектор возвращает весь объект состояния (в моем случае CounterState)

Вот мой рабочий пример: https://stackblitz.com/edit/angular-ivy-ctypd1?file=src%2Fapp%2Fcounter.selectors.ts

Я получаю на странице следующее: Current Count: [object Object]

Я получаю в консоли следующий вывод.

      {counter: 1, loaded: true, loading: false}
{counter: 2, loaded: true, loading: false}
{counter: 3, loaded: true, loading: false}

Я ожидал только 1,2,3 Что мне не хватает?

С уважением,

Answer 1

Это потому, что вы создаете вложенную древовидную структуру при регистрации редуктора.

      StoreModule.forFeature(counterFeatureKey, { counter: counterReducer }),

Это должно быть (или нужно настроить селектор):

      StoreModule.forFeature(counterFeatureKey, counterReducer ),