如何仅在项目加载时显示模态弹出窗口，而不是在角度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]}