Custom dialog with @HostListener in Angular
Question
I am trying to ask the user, after making unsaved changes and refreshing the page, if he wants to discard these changes and reload the page or cancel the refresh. I want to use my own dialog instead of the browser's one. Is that possible with @HostListener('window:beforeunload')?
2 answers
solution1
0 2018-10-02 14:35:46
No, beforeunload is very limited solution, basically you can only change text in browser window.
See https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload
solution2
0 2022-10-01 12:35:23
Try CanDeactivate custom dialog
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to user HostListener for custom elements? ( angular 2)
onbeforeunload confirm dialog not showing when angular2 @HostListener is used
Angular 2 - Update ngModel inside a custom directive at @HostListener('blur')
Angular 2 touch delay with HostListener
Angular test HostListener
Component specific HostListener in angular 2
Angular2 hostlistener
@HostListener('tap') in Nativescript Angular
Angular How to test @HostListener
HostListener on outside click Angular 6
Related Tags