在 ngOnDestroy() 上打开模态，而不是重定向到预览页面

Question

当用户单击浏览器后退按钮时，我想打开一个弹出模式。 它不应该将用户重定向到上一页，而是应该打开一个弹出窗口并等待用户操作。

ngOnDestroy(){
    this.finishModal.show();
}

目前，它正在重定向到上一页并尝试同时打开弹出窗口，这导致重定向到上一页，然后页面上会显示模式的背景。 我也尝试过 preventDefault() 。

如何只打开模态并停止 ngOnDestroy() 的执行？

Answer 1

ngOnDestory不能用于此目的，只能用于清理（例如取消订阅事件侦听器或可观察对象）

没有路由器Angular2 中是否有像 window.onbeforeunload 这样的生命周期钩子？ 可能会做你想做的，

使用路由器https://angular.io/api/router/CanDeactivate （另请参见https://angular.io/guide/router#candeactivate-handling-unsaved-changes ）可能会起作用。

Answer 2

在 ngDestroy 上发出一个事件并在父组件上收听它并打开弹出窗口。 它肯定会起作用。