angular - 如何在 Angular10/Typescript 中刷新页面时运行函数

Question

我正在开发 Angular 10 应用程序，我想仅在页面刷新/重新加载时使用 (router.navigate) 导航到另一个组件。我如何在 Angular 中实现这一点。

谢谢 等待回复

Answer 1

页面的刷新应该触发绑定到 window:beforeunload 的事件处理程序。 

import { Component, HostListener } from '@angular/core'; 
@Component({ ... }) 
export class HomeViewComponent { 
@HostListener("window:beforeunload", ["$event"])
 unloadHandler(event: Event) { 
console.log("Processing beforeunload...");
 // Do more processing...
 event.returnValue = false; 
} 
... 
}