Реализация @angular-redux

Я использую в своем тестовом приложении избыточность для управления состоянием приложения. Мой текущий сценарий заключается в том, что мне нужно подключиться к бэкэнд-службе и обновить ответ до состояния моего приложения после успешного завершения работы службы. Впредь я реализовал эффекты, которые будут обрабатывать работу бэкэнда и обновлять состояние приложения отдельно от редуктора. Но эффект не вызывается после отправки действия. Пожалуйста, проверьте выполненную конфигурацию и предложите мне, если я что-то упустил.

package.json

"@angular-redux/form": "^9.0.1",
"@angular-redux/router": "^9.0.0",
"@angular-redux/store": "^9.0.0",

"@ngrx/core": "^1.2.0",
"@ngrx/effects": "^6.1.0",
"@ngrx/store": "^6.1.0",

Внутри app.module.ts

EffectsModule.forRoot([TestEffects])

Внутри Компонента (Отправка)

ngOnInit() {
  this.store.dispatch({ type: 'GET_FEEDS' })
}

Внутренние эффекты Test.Effects

  @Effect()
   loadFeeds$: Observable<any> = this.actions$.pipe(
       ofType('GET_FEEDS'),
       switchMap((action) =>
           this.feedService.getFeed().pipe(
              map(feeds => console.log("Data received ..." + feeds)),
              catchError(error => of(console.log("Error ..." + error))),
          )
       )
   )

0 ответов

Другие вопросы по тегам