我们如何用 Angular 中的 createEffect 替换 Effect 代码来进行日志记录？

Question

任何人都可以帮我解决如何使用 createEffect 转换下面的效果代码吗？据我们所知，该效果已被弃用。

  @Effect()
LogIn: Observable<any> = this.actions.pipe(
  ofType(AuthActionTypes.LOGIN)
  .map((action: LogIn) => action.payload)
  .switchMap((payload: any) => {
    return this.authService.logIn(payload.email, payload.password).
      .map((user: any) => {
        console.log(user);
        return new LogInSuccess({token: user.token, email: payload.email});
      })
      .catch((error: any) => {
        console.log(error);
        // return Observable.of(new LogInFailure({ error: error }));
      });
  }));

提前致谢 ！！ 注意* :- 我正在使用下面的文档 https://mherman.org/blog/authentication-in-angular-with-ngrx/

Answer 1

LogIn: Observable<any> = createEffect(() => {
  return this.actions.pipe(
  ofType(AuthActionTypes.LOGIN),
  map((action: LogIn) => action.payload),
  switchMap((payload: any) => {
    return this.authService.logIn(payload.email, payload.password).pipe(
      map((user: any) => {
        console.log(user);
        return new LogInSuccess({token: user.token, email: payload.email});
      }),
      catchError((error: any) => {
        console.log(error);
        return of(new LogInFailure({ error: error }));
      });
  })
});