如何在项目加载时仅显示一次模式弹出窗口，而不是在角度 2/4 的页面刷新中

Question

@HostListener('window:beforeunload',['event'])
doSomething() {
}

上面的代码显示了项目加载以及页面刷新时的模式弹出窗口。

Answer 1

implement popup functionality using Route Guards **CanActivate**.so when your route call event call and use localStorage for popup call only once.
import {CanActivate} from "@angular/router";
import {Injectable} from "@angular/core";

@Injectable()
export class Tosaccept implements CanActivate
{
constructor(){}
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot)
{  
return this.openTospopup();
return true;
}
openTospopup(){
console.log("isShow: ",localStorage["tosPopupData"]);
if(localStorage["tosPopupData"]==undefined){
localStorage["tosPopupData"] =false;
console.log('openpopcodehere');
}
}
}
and in you route file attach Canactivate like below
{ path: "",    component: IndexComponent, canActivate: [Tosaccept]}