如何检查Angular 8中的刷新页面事件并显示一个对话框,要求用户重新加载或取消操作

时间:2019-08-02 07:22:39

标签: javascript angular

我实现了注册组件。当表单变脏并且用户单击F5 /刷新页面时,我想捕获此事件并显示一个对话框,要求用户在重新加载或取消操作之间进行选择。 (如链接中的图片)

https://files.gitter.im/angular/angular/wLcy/image.png

我进行了研究并了解了brew cask upgrade chromedriver ,但是我无法自定义对话框,只能自定义对话框中的onbeforeunloadleave选项。 对于UX设计,对话框应询问有关重新加载/取消的问题。因此,我正在寻找解决该问题的解决方案。

1 个答案:

答案 0 :(得分:0)

在角度上,您可以使用HostListeneronbeforeunload事件来实现。 遵循示例here的说明,它是您问题的确切答案。