Browser Close Event in angular4

Question

How can i detect browser close event in angular 4.0.2

I have tried

1. @HostListener('window:unload', ['$event']) unloadHandler(event) { ... }

2. @HostListener('window:beforeunload', ['$event']) beforeunloadHandler(event) { ... }

But not properly working for me. Can anyone help me out. If i refresh page than also this event fires

Need Separate browser close event in angular2/4

Solution

You need to set $event.returnValue if you want close event popup

Inside component

    @HostListener('window:beforeunload', ['$event'])
     public beforeunloadHandler($event) {
     $event.returnValue = "Are you sure?";
    }