писал приложение используя angular-redux/store. С самого начала, пока состояние было масштабов простого счетчика все работало исправно, но походу того как приложение расширялось, у меня возникли кое-какие проблемы с состоянием. Нагуглить исправного ответа не получилось, в целом поэтому обращаюсь к сообществу.
Есть store, создается путем combineReducers(), в который я передаю редьюресы модулей, общая структура стора собираемая из редьюсеров рабочая, в этом я могу убедиться в ReduxDevTools - каждый action валидно диспатчится в store и состояние изменяется.
То самое я подтвердил тем что подписался на ngRedux и после каждого обновления вывожу в консоль ngRedux.getState(). Состояние изменяется в соответствии с ожиданиями. Моя проблема в том, что ngRedux.select() и @select не обновляют значение в компоненте, и отрабатывают только при инициализации.
Первый раз такой баг возник когда я начал запрашивать вложенные свойства стора, например:
@select(['profile', 'isLoggedIn']) isLoggedIn
в частности первым нерабочим экземпляром оказался:
@select(['portfolio', 'selected']) product: Observable<Product>
при структуре стора:
export interface IAppState {
profile: {
isLoggedIn: boolean
};
portfolio: {
selected: Product,
items: Product [ ]
};
}
независимо от формата аргумента передаваемого в @select - строка, массив или функция результат такой же.
Используя ngRedux.select() получаю то же самое.
Перелопатил интернет, поменял @angular-redux/store на @ngrx/store, переписал все зависимости по документации, логер пишет в консоль все action, select не срабатывает. Данные не обновляются поскольку подписка не срабатывает, и я не получаю их в компоненте. Подозреваю что проблема может оказаться внутри angular-cli или ts, но почему тогда когда store был размером с каунтер, то все работало?
Вы сталкивались с похожим поведением или это нетипичный случай? Подскажите плиз куда смотреть).
Товарищи, плиз АП) Проблема актуальна.
https://stackblitz.com/edit/angular-pcr9h7?file=app%2Fapp.component.ts добавил пример
добавил екзампл
Обсуждают сегодня