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动作。

相关内容

热门资讯

黑科技挂(wpk ai辅助)w... 黑科技挂(wpk ai辅助)wpk的发牌有规律吗(Wpk)其实是真的有挂(有挂总结)-哔哩哔哩1、构...
黑科技计算(wpk最新黑科技)... 黑科技计算(wpk最新黑科技)wpk到底有没有外挂(wPK)好像真的有挂(有挂辅助)-哔哩哔哩1、让...
黑科技软件(wpk ai辅助)... 黑科技软件(wpk ai辅助)wpk透视辅助器(WpK)都是真的有挂(有人有挂)-哔哩哔哩1、下载好...
黑科技线上(wpk最新黑科技)... 黑科技线上(wpk最新黑科技)wpk德州透视辅助(Wpk)其实是真的有挂(真实有挂)-哔哩哔哩1、金...
黑科技私人局(wpk最新黑科技... 黑科技私人局(wpk最新黑科技)wpk德州透视辅助(wpK)竟然是有挂(有挂秘诀)-哔哩哔哩1、超多...
黑科技计算(wpk ai辅助)... 黑科技计算(wpk ai辅助)wpk透视挂会被封号吗(wPk)果然真的是有挂(有挂技巧)-哔哩哔哩1...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk俱乐部外挂(WpK)本来真的是有挂(有挂技巧)-哔哩哔哩;1、每...
黑科技了解(wpk最新黑科技)... 黑科技了解(wpk最新黑科技)wpk辅助器小程序(wPk)确实存在有挂(确实有挂)-哔哩哔哩;1、玩...
黑科技有挂(wpk ai辅助)... 黑科技有挂(wpk ai辅助)wpk德州ai机器人(WPk)好像有挂(有挂教程)-哔哩哔哩1)wpk...
黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk外挂(WpK)一贯真的有挂(了解有挂)-哔哩哔哩;1、上手简单,...