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"]);
});
}