Angular how to call any service while closing window/tab

Question

how to call any service while closing window/tab I have tried the beforunload and canDeactive When I close the browser service get hitting in chrome debugger but not reaching the actual service any hacks there pls help

Hi Deepak, you need to give more detail about what you are trying to achieve. I suggest that you put together the code you have using www.stackblitz.com happy to look at this if you create one. You might also might find something looking at this question: https://stackoverflow.com/questions/38999842/angular-2-execute-code-when-closing-window which yours seems to be a duplicate of.. — nclarx, Feb 07 '19 at 12:25

score 2 · Accepted Answer · answered Feb 08 '19 at 07:24

Finally I able to make it work with the unloadNotification event its work in IE Also. should useful for anyone..

  @HostListener('window:beforeunload', ['$event'])
  unloadNotification($event: any) {
    console.log(JSON.stringify($event) + '#event')
    if (!this.canDeactivate()) {
       this.cancelTransaction();
        $event.returnValue = "Are you sure you want close?)";
    }

score -1 · Answer 2 · answered Feb 07 '19 at 13:12

-1

Yes you can call any service by closing a page.You need to call service in hooks lifecycle ngOnDestroy() method.

ngOnDestroy(){
   //call your service here.
}

Reference:-

https://angular.io/api/core/OnDestroy

answered Feb 07 '19 at 13:12

Karnan Muthukumar

1,843
1
8
15

This will not work because ‘onDestroy’ is only fired when the component is removed from the DOM, not when the tab is closed. – nclarx Feb 07 '19 at 15:43
See: https://stackoverflow.com/a/40468409/6288171 – nclarx Feb 07 '19 at 15:45
Then give him to a solution Mr.nclax. – Karnan Muthukumar Feb 08 '19 at 05:00
I did in a comment on his question already – nclarx Feb 08 '19 at 09:30

Angular how to call any service while closing window/tab

2 Answers2