我正在设计一个基本的网页，登陆页面显示两个链接：第一个是登录，第二个是注册。单击“login”链接（我添加了一个（click）事件），我将路由设置为“/login”（登录表单是一个组件），并使用ngIf隐藏页面上的原始内容。移动到登录组件后，当我刷新页面“localhost:4200/login”时，我使用ngIf隐藏的内容再次显示，因为我在ngIf中使用的变量在刷新时被重新加载为值“true”。

如何解决这个问题？提前感谢：）

应用程序。组成部分ts

export class AppComponent  { 
        myVar = true;
        divReplace = function(){ 
         if(this.myVar == true)
          {
          this.myVar = false;
          }
                               }
                                  }

应用程序。组成部分html

<div class="fullPage">
  <header>Welcome</header>
 </div> 

  <router-outlet></router-outlet>

<div class="fullPage">
 <div *ngIf="myVar">
  <h3>Please login or sign up to continue :))</h3><br>
  <div id="x"><a routerLink="/login" (click)="divReplace()">Login</a> </div>
  <div>New user? <a routerLink="/signup">Sign Up</a></div>
</div>
</div>

登录页

点击“登录”链接后的登录页面

刷新后登录页面

我希望登录表单下显示的内容即使在刷新后也不显示。我甚至尝试使用constructor（）和ngOnInit（）使变量只初始化一次，但似乎没有任何效果。即使是网络搜索也没有找到解决方案：(

提前感谢！