AngularNGRXEffects-执行代码块而无需等待HttpResponse
创始人
2024-10-28 18:00:33
0

在effect中使用RxJS的flatMap操作符等待HttpResponse返回。示例代码如下:

import { Injectable } from '@angular/core';
import { Actions, Effect, ofType } from '@ngrx/effects';
import { Observable, of } from 'rxjs';
import { catchError, map, switchMap } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class UserEffects {
  constructor(private actions$: Actions, private http: HttpClient) { }

  @Effect()
  getUser$: Observable = this.actions$.pipe(
    ofType('GET_USER'),
    map((action: any) => action.payload),
    switchMap((id: number) => {
      return this.http.get(`api/user/${id}`).pipe(
        map((res) => {
          return { type: 'USER_LOADED', payload: res };
        }),
        catchError((error) => {
          return of({ type: 'USER_ERROR', payload: error });
        })
      );
    })
  );
}

相关内容

热门资讯

实操分享!wepoker私人辅... 实操分享!wepoker私人辅助器,哈糖大菠萝有挂吗,插件教程(有挂神器)是一款可以让一直输的玩家,...
总算了解!xpoker辅助,a... 总算了解!xpoker辅助,aapoker辅助插件工具,扑克教程(有挂软件);致您一封信;亲爱aap...
重磅来袭!wepoker破解器... 重磅来袭!wepoker破解器有用吗,wepoker辅助器官方,安装教程(有挂教程);最新版2024...
专业讨论!wejoker开挂,... 专业讨论!wejoker开挂,wepoker到底有没有透视,新版2025教程(有挂技巧);亲真的是有...
玩家必看科普!wepoker辅... 玩家必看科普!wepoker辅助器最新版本更新内容,扑克之星辅助,辅助教程(有挂透视),支持语音通讯...
如何分辨真伪!wepoker透... 如何分辨真伪!wepoker透视苹果系统,wepoker怎么设置盖牌,插件教程(有挂软件)科技教程也...
一分钟快速了解!德普之星透视辅... 一分钟快速了解!德普之星透视辅助软件是真的吗,hhpoker可以控制吗,大神讲解(有挂辅助);建议优...
2024教程!pokermas... 2024教程!pokermaster脚本,wepoker有透视底牌吗,爆料教程(有挂技巧);1.we...
带你了解!wepoker透视脚... 带你了解!wepoker透视脚本免费使用视频,hhpoker有辅助吗,解密教程(有挂透明);科技安装...
专业讨论!聚星ai辅助工具收费... 专业讨论!聚星ai辅助工具收费多少,we poker插件,介绍教程(有挂技巧);玩家必备必赢加哟《1...