AngularNgRx-DispatchanActionNTimesandThenDispatchSuccessActionWhenAllCompleted
创始人
2024-10-28 17:01:17
0

在Angular NgRx中,我们可以使用forkJoin运算符来发出N次操作并在全部完成时发出成功操作。 以下是一个示例代码,使用forkJoin操作符来解决此问题:

import { Actions, ofType, Effect } from '@ngrx/effects';
import { Injectable } from '@angular/core';
import { Observable, of, forkJoin } from 'rxjs';
import { map, switchMap } from 'rxjs/operators';
import { Action1, Action2, Action3, AllActionsCompleted } from './actions';

@Injectable()
export class MyEffects {

  @Effect()
  dispatchActions$: Observable = this.actions$.pipe(
    ofType('DISPATCH_ACTIONS'),
    switchMap((action) => {
      const obsArray: Observable[] = [];
      action.payload.forEach((item) => {
        obsArray.push(of(item)); // Mock observables for each item in payload
      });
      return forkJoin(obsArray).pipe(
        map(() => new AllActionsCompleted())
      );
    })
  );

  constructor(private actions$: Actions) {}
}

在此示例中,我们使用了effects来监听DISPATCH_ACTIONS动作。然后,我们使用forkJoin操作符并将其应用于一个Observable数组来并发执行每个操作。当所有操作都完成时,我们创建并发出一个AllActionsCompleted动作。

相关内容

热门资讯

黑科技规律(wEPOKE)黑科... 黑科技规律(wEPOKE)黑科技透明挂辅助app(透视)解密教程(一贯有挂)wEPOKE辅助器中分为...
aapoker辅助实际测试(a... aapoker辅助实际测试(aa poker)aapoker有网页版吗(辅助挂)新2025版(本来真...
黑科技代打(wePOKE)黑科... 黑科技代打(wePOKE)黑科技透明挂辅助方法(透视)透明教程(好像是真的有挂)1、金币登录送、破产...
aa扑克发牌机制(aa pok... aa扑克发牌机制(aa poker)aapoker用外挂会被封号吗(辅助挂)2025教程(一直有挂)...
黑科技线上(wePokE)黑科... 黑科技线上(wePokE)黑科技透明挂辅助插件(透视)透明挂教程(竟然是有挂);1、wePokE系统...
wepoke黑科技功能演示(w... wepoke黑科技功能演示(wepoKe)wepower提高中牌率(黑科技)靠谱教程(真是真的有挂)...
黑科技有挂(德州)外挂辅助软件... 黑科技有挂(德州)外挂辅助软件(透视)黑科技教程(其实存在有挂)1、让任何用户在无需德州AI插件第三...
aapoker透明挂辅助器(A... aapoker透明挂辅助器(AAPOkER)aapoker安卓怎么下载(辅助挂)新2025版(总是是...
黑科技科技(Aapoker)外... 黑科技科技(Aapoker)外挂透视辅助神器(透视)玩家教你(原来存在有挂);1、Aapoker透视...
wepoke有插件吗!wepo... 1、wepoke有插件吗!wepoke辅助透,wepoke辅助挂,辅助教程(有挂方法)2、进入游戏-...