我的应用程序的 ngrx 效果之一有问题。我基本上是在尝试使用concatMap()
AND并使用路由器存储的导航执行多个动作go()
。
这是效果:
@Effect()
loadPersonalInfoAndSignin$: Observable<Action> = this.actions$
.ofType(session.ActionTypes.LOAD_PERSONAL_INFO)
.map((action: LoadPersonalInfoAction) => action.payload)
.do(sessionToken => {
localStorage.setItem('authenticated', 'true');
localStorage.setItem('sessionToken', sessionToken);
})
.switchMap(() => this.userAccountService
.retrieveCurrentUserAccount()
.concatMap(currentUserAccount => [
new LoadUserAccountAction(currentUserAccount),
new SigninAction(),
new LoadMessagesAction({})
])
)
.mapTo(go(['/dashboard']));
如果我删除了.mapTo(go(['/dashboard']))
,那么concatMap
数组中的所有三个动作都会成功分派到它们对应的效果。
因此,我想知道为什么我mapTo(go(...
会导致数组中的最后两个操作(即SigninAction
& LoadMessagesAction
)不被分派到它们相应的效果中。
有人可以帮忙吗?
编辑:更改mapTo
到do
如下:
.do(go(['/dashboard']));
导致以下错误:
ERROR in /Users/julien/Documents/projects/bignibou/bignibou-client/src/app/core/store/session/session.effects.ts (55,9): Argument of type 'Action' is not assignable to parameter of type 'PartialObserver<SigninAction>'.
Type 'Action' is not assignable to type 'CompletionObserver<SigninAction>'.
Property 'complete' is missing in type 'Action'.
使用do
的go
通话将看不到改变的路线。go
是一个动作创建者,它创建的动作需要从效果中发出,@ngrx/router-store
以接收动作并影响路线变化。
此外,mapTo
运算符将忽略它接收到的内容并发出您指定的值,因此它也不合适。
相反,您应该go
在concatMap
数组中包含由调用创建的操作:
@Effect()
loadPersonalInfoAndSignin$: Observable<Action> = this.actions$
.ofType(session.ActionTypes.LOAD_PERSONAL_INFO)
.map((action: LoadPersonalInfoAction) => action.payload)
.do(sessionToken => {
localStorage.setItem('authenticated', 'true');
localStorage.setItem('sessionToken', sessionToken);
})
.switchMap(() => this.userAccountService
.retrieveCurrentUserAccount()
.concatMap(currentUserAccount => [
new LoadUserAccountAction(currentUserAccount),
new SigninAction(),
new LoadMessagesAction({}),
go(['/dashboard'])
])
);
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句