页面刷新F5显示未保存的更改自定义消息框

Question

当我单击F5页面刷新时，我需要显示自定义消息框，我尝试将@Hostlistner与window.onbeforeunload一起使用，但是它显示了默认的确认框，这里我需要显示我的自定义消息框。

 @HostListener('window:onbeforeunload', ['$event'])  
  unloadNotification($event: any) {  
$event.preventDefault();  
$event.stopPropagation();  
this.modalRef = this.modalService.show(ConfirmationComponent);  
$event.returnValue = false;  
}