Ionic v4 - 检查模态是否打开

Question

基本上我有两个按钮的欢迎页面；登录并注册。当用户单击“注册”按钮时，会打开一个显示注册表单的模式。我实现了一个逻辑，在注册时登录用户，还有一个逻辑，当他/她通过身份验证时，将用户带到主页。

这意味着当用户提交注册表并登录时，必须关闭模态，但只有在显示主页之后。否则，如果我在此之前关闭模态，那么用户将再次看到欢迎屏幕，我想避免这种行为。我可以在注册时轻松关闭模式，但正如我所说，我不希望用户再次看到欢迎屏幕。

这就是我在welcome.ts中打开模态的方式

async showModal() {
    const modal = await this.modalController.create({
      component: RegisterPage
    });
    return modal.present();
  }

在register.ts 中，我需要一种方法来知道模态是否仍然打开，以便我可以使用以下逻辑：

constructor(
    private modalController: ModalController,
    private router: Router
  ) {
    this.router.events.subscribe(() => {
      if (router.url.toString() === "/tabs/home" && isModalOpened) this.modalController.dismiss();
    });
  }

如果我只将router.url.toString() === "/tabs/home"它添加到我的 if 语句中，它就可以工作，但是如果欢迎屏幕中的用户打开模态（通过按注册按钮）并在不提交注册表的情况下关闭它，请返回欢迎屏幕，按登录按钮并登录，然后我会得到一个错误：

错误：未捕获（承诺）：覆盖不存在

当然，发生这种情况是因为我在主页时关闭了模态，而无需检查模态是否已打开。

非常感谢任何帮助，我已经坚持了一段时间了......

Answer 1

您可以调用该this.modalCtrl.getTop();函数。如果未定义，则表示该组件不是通过 Modal Controller 实例调用的。您可以重构您的代码，如：

constructor(
    private modalController: ModalController,
    private router: Router
  ) {
    this.router.events.subscribe(async () => {
      const isModalOpened = await this.modalController.getTop();
      if (router.url.toString() === "/tabs/home" && isModalOpened) this.modalController.dismiss();
    });
  }