如何在 NGXS 中等待两个动作

如何解决如何在 NGXS 中等待两个动作

我正在尝试在使用 NGXS 在 Angular 中完成两个操作后执行一些代码。代码看起来像这样：

this._subscription.add(
      this._actions$
        .pipe(
          ofActionCompleted(Actions.action1),map(({ action1 }) => action1 as Actions.action1),ofActionCompleted(Actions.action2),map(({ action2 }) => action2 as Actions.action2)
        )
        .subscribe({
          next: ({ payload1,payload2 }) => {
              // execute code using payload1
              // execute code using payload2
          }
        })
    );

这样做的正确方法是什么？

解决方法

我会使用 zip 对这两个操作进行分组：

zip(
  this.actions$.pipe(ofActionCompleted(Add)),this.actions$.pipe(ofActionCompleted(Add2))
).subscribe(([action1,action2]) => {
  console.log(action1);
  console.log(action2);
});

这个想法是你想要两个动作，而不是同时/或。

示例：https://stackblitz.com/edit/ngxs-multi-actions?file=src/app/app.component.ts