当用户关闭 angular 中的选项卡时，调用 function

Question

当用户关闭选项卡时，我想调用 function。 当用户关闭选项卡并出现带有取消和离开按钮的弹出窗口时，我使用主机监听器触发事件。 当用户单击离开按钮时，我需要调用 function。 下面是我编写的代码，当用户单击离开按钮时，我需要调用 myFunction()。

@HostListener('window:beforeunload', ['$event'])
 beforeunloadHandler(event) {
 event.preventDefault();
 return false;   
}

myFunction(){
 //code
}

Answer 1

如果您正在更改选项卡，您可以尝试 ngOnDestroy 然后此方法将调用，您可以调用您的函数！

ngOnDestroy(): void { enter code here }

Answer 2

有两种方法可以监听 class 中关闭选项卡的事件，方法是使用键this调用 function。

 @HostListener('window:unload', [ '$event' ])
   beforeUnloadHandler(event) {
   this.myFunction(event)
   event.preventDefault();
   return false;   
  }
  unloadHandler(event) {
    this.myFunction(event)
    // ...
  }

 
  

myFunction(event){
 console.log("this event come form: ", event)
}