как перезагрузить компонент при загрузке другого роутера

Question

в кнопке входа компонента приложения включена, но когда мы входим в систему и переходим на другую страницу, она не меняет никакого значения в компоненте приложения.

  this.routerObj.navigateByUrl("AppComponent", {skipLocationChange: true}).then(()=>this.routerObj.navigate(["profile"]));

Необходимо обновить всю страницу (страницу профиля и компонент приложения)

HTML-файл

<table>
    <tr>
       <td *ngIf="loggedIn ; else showLogin;"><a [routerLink]="['/logout']">Logout</a></td>
       <ng-template #showLogin>
          <td><a [routerLink]="['/login']">Login</a></td>
       </ng-template>              
    </tr>
</table>  

ts File

constructor() {        
   this.loggedIn = false;    
   this.user_type = sessionStorage.getItem("user_type");    
   var userName = sessionStorage.getItem("userName");    
   if (typeof userName !== "undefined" && userName !== null) {    
      this.loggedIn = true;} 

Если мы вошли в систему, значит, логин-строку необходимо изменить как выход из системы