angular2 页面销毁时弹出模态框提示用户是否保存数据

用户需要在当前页面销毁时,弹出提示框,“是否保存数据”,正常做法是挂在生命周期钩子(onDestroy)上面,调用confirm,然而原生的弹出框实在太丑,我用的UI框架(primeng)的弹出框是个异步函数,,无法阻止页面销毁,也就是说页面销毁的时候弹出框不出来,求大神给个解决方案

弹出框点确定的方法里进行页面销毁方法

你这个业务是要让用户在离开的时候弹框吧,用户离开页面都多种情况, history.back 或者 关闭页面或者 跳到其他页面,虽然都会触发onDestroy,但是页面都没了,你还弹框,就没有意义了,所以放在onDedroy里不太合适。可以在用户点击返回,或者去其他页面时等操作中进行弹框。关闭页面的情况不受控,可以不考虑