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辅助分析器,2025新版技巧(有挂辅助);1分钟了解详细...
透视能赢!we-poker靠谱... 透视能赢!we-poker靠谱吗(透视)一直真的是有挂(详细辅助大神讲解)1、ai机器人多个强度级别...
每日必备!wpk辅助器,德州局... 每日必备!wpk辅助器,德州局hhpoker,科技教程(有挂技巧),支持语音通讯、好友开房及战队组建...
透视好友!sohoo poke... 透视好友!sohoo poker辅助(透视)都是真的有挂(详细辅助普及教程)1、系统规律教程、辅助透...
重磅来袭!佛手大菠萝辅助,we... 重磅来袭!佛手大菠萝辅助,wepoker游戏下载,揭秘教程(有挂技巧),支持语音通讯、好友开房及战队...
透视了解!pokemmo辅助器... 透视了解!pokemmo辅助器手机版下载(透视)一贯是真的有挂(详细辅助软件教程)1、系统规律教程、...
揭秘几款!aapoker辅助怎... 揭秘几款!aapoker辅助怎么用,hhpoker是真的还是假的,科技教程(有挂软件)1、点击下载安...
透视辅助!wepoker公共底... 透视辅助!wepoker公共底牌(透视)原来存在有挂(详细辅助可靠教程)是一种具有地方特色的麻将游戏...
玩家必看教程!拱趴大菠萝有挂吗... 玩家必看教程!拱趴大菠萝有挂吗,德州透视插件,详细教程(有挂技巧);1.拱趴大菠萝有挂吗 ai辅助创...
透视新版!werplan透视挂... 透视新版!werplan透视挂(透视)竟然真的是有挂(详细辅助可靠技巧);1、进入游戏-大厅左侧-新...