AngularngRxDispatchSecondActionwithdatafromFirstAction的中文描述
创始人
2024-10-28 18:00:31
0

Angular 中的 ngRx 库提供了一种处理应用程序状态的强大机制。当我们需要在第一个 Action 执行完毕后,将其产生的数据传递给第二个 Action 时,可以通过使用 RxJS 操作符来实现。下面是一个示例代码,展示了如何使用 combineLatest 操作符来完成这个任务:

import { Actions, ofType } from '@ngrx/effects';
import { Injectable } from '@angular/core';
import { Action } from '@ngrx/store';
import { Observable, combineLatest } from 'rxjs';
import { map, switchMap } from 'rxjs/operators';

@Injectable()
export class MyEffects {
  constructor(private actions$: Actions) {}

  // 第一个 Action
  firstAction$: Observable = this.actions$.pipe(
    ofType('FIRST_ACTION_TYPE'),
    map((action: any) => action.payload)
  );

  // 第二个 Action
  secondAction$: Observable = combineLatest(
    this.actions$.pipe(ofType('FIRST_ACTION_TYPE')),
    this.someOtherService.getData() // 获取第一步数据,并传递给第二个Action
  ).pipe(
    switchMap(([action, data]) => {
       // 在这里操作第二个 Action
    })
  );
}

在上面的代码中,通过使用 combineLatest 操作符,我们在第一个 Action 完成后,调用了第二个 Action,并将第一个 Action 产生的数据传递给后者。由于 combineLatest 操作符会将所有流中最后发出的值作为参数传递给其回调函数,因此我们可以在它的回调函数中访问这个数据,并在其中操作第二个 Action。

相关内容

热门资讯

透视有挂!智星德州有脚本吗(透... 透视有挂!智星德州有脚本吗(透视)详细辅助辅助教程(真是真的有挂);在进入智星德州有脚本吗辅助挂后,...
透视神器!pokerworld... 透视神器!pokerworld修改器(透视)最初真的是有挂(详细辅助解密教程);小薇(透视辅助)致您...
透视智能ai(wepokE)w... 透视智能ai(wepokE)wepoke辅助挂在哪开(透视)详细辅助玩家教你是由北京得wepoke辅...
透视软件!红龙poker作弊指... 透视软件!红龙poker作弊指令(透视)详细辅助规律教程(一贯真的有挂);红龙poker作弊指令是一...
透视智能ai(wEPoke)w... 1、透视智能ai(wEPoke)wpk机器人软件(透视)详细辅助2025新版教程。2、wpk机器人软...
透视免费!哈糖大菠萝免费辅助器... 透视免费!哈糖大菠萝免费辅助器(透视)起初有挂(详细辅助细节方法);支持多人共享记分板与复盘,通过邀...
透视透视!wpk透视脚本下载(... 透视透视!wpk透视脚本下载(透视)详细辅助wpk教程(一直有挂)1、金币登录送、破产送、升级送、活...
透视玄学(wepOkE)微扑克... 自定义微扑克算正规平台吗系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不...
透视好牌!hhpoker到底可... 1、透视好牌!hhpoker到底可以作弊吗(透视)真是真的有挂(详细辅助透牌教程)。2、hhpoke...
透视app!aapoker透视... 透视app!aapoker透视脚本下载(透视)详细辅助规律教程(一直是真的有挂);1、让任何用户在无...