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

相关内容

热门资讯

专业讨论!微信神兽大厅源代码,... 专业讨论!微信神兽大厅源代码,西兵互娱辅助,必胜教程(有挂助手);玩家必备微信神兽大厅源代码开挂教程...
必备辅助推荐!新二号辅助软件可... 必备辅助推荐!新二号辅助软件可以下载,胡乐辅助脚本可靠,力荐教程(今日头条);必备辅助推荐!新二号辅...
揭秘攻略!新畅游互娱辅助,新二... 揭秘攻略!新畅游互娱辅助,新二号辅助软件多少钱,必备教程(有挂方法)是一款可以让一直输的玩家,快速成...
研究成果!火神辅助官网地址,椰... 研究成果!火神辅助官网地址,椰子大厅辅助脚本,解密教程(有挂细节);椰子大厅辅助脚本软件透明挂是一个...
揭秘一下!新鸿狐挂机,新畅游互... 揭秘一下!新鸿狐挂机,新畅游互娱辅助,详细教程(有挂教程);一、新畅游互娱辅助AI软件牌型概率发牌机...
分享个大家!新上游拼十辅助,新... 您好,新上游拼十辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【485275054】很多玩家在这...
总算明白!新天道挂机辅助,新西... 总算明白!新天道挂机辅助,新西楚辅助,教你教程(真是有挂);人气非常高,ai更新快且高清可以动的一个...
玩家必看教程!蜜瓜大厅辅助免费... 玩家必看教程!蜜瓜大厅辅助免费下载,火神大厅辅助,切实教程(有挂方法)是一款可以让一直输的玩家,快速...
实测揭晓!火神工作室辅助大全,... 实测揭晓!火神工作室辅助大全,新九哥脚本,新版2025教程(有挂细节)是一款可以让一直输的玩家,快速...
玩家必看科普!樱花之盛辅助器下... 玩家必看科普!樱花之盛辅助器下载,海螺众娱辅助,攻略方法(今日头条);最新版2026是一款经典耐玩的...