Ngx Bootstrap modal - 在隐藏模式后做一些事情

Question

我有模态，里面有一个登录按钮：

<button type="button" (click)="save()" class="btn btn-primary">
      login
</button>

如果我点击它，我想首先：隐藏模式，其次：导航到另一条路线。

当我执行以下操作时：

save() {
     this.modal.hide();
     this.router.navigate(['login'])
}

我可以看到第一页被导航，然后模式被隐藏。

我想在隐藏操作完成后导航。

我怎么能做这样的事情？我不想使用超时或类似的东西。

Answer 1

你需要使用 onHidden 属性

save() {
    this.modal.hide();
    this.modal.onHidden.subscribe(() => {
      this.router.navigate(["login"]);
    });
  }

Answer 2

使用 onHidden() 函数

save() {
     this.modal.hide();
     this.modal.onHidden.subscribe(() => {
         this.router.navigate(['login']) 
     });
}