Angular NgRx - 分派一个动作 N 次，然后在所有完成时分派成功动作

Question

我的 Angular 应用程序的一部分是为项目计划创建任务。 任务涉及将物品移动到不同的位置，想想在棋盘上移动的棋子。 用户从列表中选择一个或多个选项，然后确认他们的选择。 该应用程序需要生成 N 个任务（例如，每个选项 4 个）来构建计划，最终允许用户看到所有正在移动的棋子。 但是，与国际象棋一样，在创建每批 4 个任务（每个用户选项）之后，必须将任务保存到 NgRx 存储触发选择器以更新棋盘的配置，因为生成的下一批任务必须考虑最新的 state的董事会。

我有一系列用户选项。 在TaskGenerationService ，我为每个选项遍历数组调度操作。 我有一个响应动作的效果，并且正在使用concatMap来强制对动作进行顺序处理。 这是一个简化版本：

  generateTaskCycle$ = createEffect(() =>
    this.actions$.pipe(
      ofType(fromAppPlanActions.TasksGeneratorActions.generateTaskCycle),

      map(action => action.taskGenerationBundle),

      concatMap(taskGenerationBundle => of(taskGenerationBundle).pipe(

        // Get the selected data from the Store.
        concatLatestFrom(() => [
          this.store.select(fromAppPlanSelectors.taskSelectors.selectAllTasks),
          this.store.select(fromAppPlanSelectors.taskDependencySelectors.selectAllTaskDependencies),
          this.store.select(fromAppPlanSelectors.planSelectors.selectCurrentPlan),
        ]),

        map(([taskGenerationBundle, allTasks, allTaskDependencies, currentPlan]) => {

          // Check there is a currentPlan.
          if (currentPlan !== null) {

            // Get an array of the new Tasks to add to the Plan.
            const newTasksToAdd = this.taskGenerationService.createTasks(
              taskGenerationBundle.cycleId,
              taskGenerationBundle.fuelData,
              taskGenerationBundle.orderIdArray,
              taskGenerationBundle.parentTask,
              taskGenerationBundle.startDate,
            );

            // Get an array of TaskDependencies to add to the Plan.
            const newTaskDependenciesToAdd: TaskDependency[] = [];

            // Update the start and end dates on all Tasks and TaskDependencies.
            const updatedTasksAndTaskDependencies = this.taskService.addNewTasksAndTaskDependencies(
              newTasksToAdd,
              newTaskDependenciesToAdd,
              allTasks,
              allTaskDependencies,
              currentPlan
            );

            // Add the new Tasks and TaskDependencies to TaskGenerationService so we can add them to the API at the end of all cycles.
            this.taskGenerationService.allNewTasksToAdd.push(...newTasksToAdd);
            this.taskGenerationService.allNewTaskDependenciesToAdd.push(...newTaskDependenciesToAdd);

            // Dispatch an Action to upsert the updated Tasks and TaskDependencies in the Store.
            return fromAppPlanActions.TasksGeneratorActions.updateTasksAndTaskDependenciesInStore(
              { tasksAndTaskDependenciesToUpdate: updatedTasksAndTaskDependencies }
            );

          }
          else {

            // Dispatch an Action to warn the user that something went wrong.
            return fromAppPlanActions.TasksGeneratorActions.generateTasksFail(
              { errorMessage: 'Warning - Failed to generate Tasks. Could not get the current Plan.' }
            );

          };

        })
      )),

    )
  );

这似乎可行，但我无法弄清楚如何在所有任务都生成后、当forEach循环完成分派动作并且效果的最后一次调用完成保存到商店时分派一个动作。 我的理由是，在我的TaskGenerationService结束forEach循环之后，我不能简单地调度一个 Action，因为它不知道我的 Effect 中的concatMap何时完成它正在处理的 Actions 的 stream 的概念。 我曾想过从forEach循环中提供optionArrayLength和index ，并将数据传递给 Effect 以尝试检查if (index + 1 === optionArrayLength)我是否必须在最后一项，但我仍然需要调度将最后一批任务保存到商店的操作。

几天来，我一直在尝试不同的方法，但只见树木不见森林。 非常欢迎任何建议。