и найти оскорбительную ошибку.
я возникла проблема с магазином ngrx, который не отправлял действие, которое должно с ним работать.
Вот компонент, который пытается отправить:
signin() {
this.formStatus.submitted = true;
if (this.formStatus.form.valid) {
this.store.dispatch(new StandardSigninAction(this.formStatus.form.value.credentials));
}
}
Действия:
export const ActionTypes = {
STANDARD_SIGNIN: type('[Session] Standard Signin'),
LOAD_PERSONAL_INFO: type('[Session] Load Personal Info'),
LOAD_USER_ACCOUNT: type('[Session] Load User Account'),
RELOAD_PERSONAL_INFO: type('[Session] Reload Personal Info'),
CLEAR_USER_ACCOUNT: type('[Session] Clear User Account')
};
export class StandardSigninAction implements Action {
type = ActionTypes.STANDARD_SIGNIN;
constructor(public payload: Credentials) {
}
}
...
export type Actions
= StandardSigninAction
| LoadPersonalInfoAction
| ClearUserAccountAction
| ReloadPersonalInfoAction
| LoadUserAccountAction;
Эффект:
@Effect()
standardSignin$: Observable<Action> = this.actions$
.ofType(session.ActionTypes.STANDARD_SIGNIN)
.map((action: StandardSigninAction) => action.payload)
.switchMap((credentials: Credentials) =>
this.sessionSigninService.signin(credentials)
.map(sessionToken => {
return new LoadPersonalInfoAction(sessionToken);
})
);
В отладке я вижу, что компонент вызывает метод отправки. Я также могу подтвердить, чтоStandardSigninAction
действительно создается, потому что достигнута точка останова в конструкторе.
НоstandardSignin$
эффект не называется ...
Что может вызвать эффект, который не вызывается?
Как я могу отлаживать то, что происходит в магазине?
Может кто-нибудь помочь, пожалуйста?
Постскриптум Я выполняю описанный выше эффект в импорте следующим образом:
EffectsModule.run(SessionEffects),
редактироватьВот мой метод SessionSigninService.signin (возвращает Observable)
signin(credentials: Credentials) {
const headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'});
const options = new RequestOptions({headers: headers});
const body = 'username=' + credentials.username + '&password=' + credentials.password;
return this.http.post(this.urls.AUTHENTICATION.SIGNIN, body, options).map(res => res.headers.get('x-auth-token'));
}