Angular 在关闭另一个对话框后打开另一个对话框的最佳做法是什么

发布于01月19日

目前我得到了一些反馈，我不应该这样做，因为我的同事说这是嵌套订阅，应该避免使用它. 我只想在关闭第一个消息对话框后打开一个简单的消息对话框，当第一个消息对话框返回真值时.还有比这个更好的方法吗？

weatherProtectDialog.afterClosed()
    .subscribe((result) => {
      if (result) {
        this.dialog.open(SimpleDialogComponent, {
          data: {
            title: 'title',
            message: 'message',
          },
        });
      }
    });

推荐答案

使用RxJS运算符避免嵌套订阅.

weatherProtectDialog.afterClosed()
.pipe(
    filter(res => res),
    tap(() => this.dialog.open(SimpleDialogComponent, {
        data: {
          title: 'title',
          message: 'message',
        },
    }))
).subscribe()

过滤器操作符:https://rxjs.dev/api/operators/filter

TAP操作员:https://rxjs.dev/api/operators/tap

另一种解决方案可能是将此可观察对象转换为Promise，并使用Async/AWAIT来避免嵌套，但是，由于您使用的是ANGLE，因此我建议您使用RxJS