导航步骤完成后打开模态

时间:2019-02-05 14:43:12

标签: javascript angular modal-dialog

我需要等待直到完成的简单导航步骤,以使模态在我们要导航的页面上具有其模板。

pointer-events: none;

由于某种原因,当我在then()块内校准this.modal.open()时,它会出错。我怀疑范围问题?有任何想法吗?如果我在then()块之外调用modal.open()可以正常工作,但是我需要等待导航跳转完成。

编辑:我相信模板还没有完全加载...也许这就是为什么无法找到Modal的原因。

有没有一种方法可以真正等待模板准备就绪?

1 个答案:

答案 0 :(得分:0)

这很奇怪。并不是很确定为什么这首先是一个问题。但是请您尝试这样做,看看是否可行:

async onOpenModal(item) {
  await this.router.navigate([item.link]);
  this.modal.open('createSpace');
}

  

这是您推荐的Working Sample StackBlitz


注意::您并未真正指定此模式是什么,因此在示例中使用了ngx-bootstrap模式。但在您的情况下也应能按预期工作。