@ angular-redux实现

时间:2018-10-04 10:09:21

标签: angular-redux

我正在测试应用程序中实现redux来管理应用程序状态,目前的情况是我需要使用后端服务,并在服务成功后将响应更新回我的应用程序状态。此后,我实现了一些效果,该效果将处理命中后端服务并更新与reducer分离的应用程序状态。但是在分派动作后并没有调用效果 请检查所做的配置,并建议我是否缺少任何内容。

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' })
}

副作用测试。效果

  @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 个答案:

没有答案