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

相关内容

热门资讯

长期以来!拱趴大菠萝万能挂图解... 长期以来!拱趴大菠萝万能挂图解,steampokermaster辅助,方针教程(有挂规律)-哔哩哔哩...
昨日!德普之星透视免费(透视)... 昨日!德普之星透视免费(透视)果然是有挂的(有挂详情开挂辅助辅助器)-哔哩哔哩一、德普之星透视免费A...
备受关注的!哈糖大菠萝助手,p... 备受关注的!哈糖大菠萝助手,pokemmo辅助工具,课程教程(有挂详细)-哔哩哔哩1、任何哈糖大菠萝...
围绕透视问题!aapoker透... 围绕透视问题!aapoker透视脚本入口(透视)一贯确实有挂(有挂方式开挂辅助下载)-哔哩哔哩所有人...
备受关注的!wepoker俱乐... 备受关注的!wepoker俱乐部辅助,wepoker黑侠辅助器,指南书教程(真的有挂)-哔哩哔哩1、...
突发!拱趴游戏破解器(透视)一... 突发!拱趴游戏破解器(透视)一直是有挂的(有挂解惑开挂辅助下载)-哔哩哔哩1、该软件可以轻松地帮助玩...
相较于以往!wepoker辅助... 相较于以往!wepoker辅助器免费,hhpoker透视脚本视频,项目教程(有挂规律)-哔哩哔哩1、...
此事备受玩家关注!wepoke... 此事备受玩家关注!wepoker智能辅助插件(透视)果然真的是有挂(有挂头条开挂辅助插件)-哔哩哔哩...
近期!德普辅助器怎么用,wep... 近期!德普辅助器怎么用,wepoker透视脚本苹果版,积累教程(新版有挂)-哔哩哔哩1、下载好wep...
无独有偶!拱趴大菠萝怎么开挂(... 无独有偶!拱趴大菠萝怎么开挂(透视)原来真的是有挂(有挂辅助开挂辅助平台)-哔哩哔哩1.拱趴大菠萝怎...