角2ユーザーがログインしているかどうかに基づいて特定のコンポーネントにルーティングする

Question

ユーザーが登録済みの資格情報を使用してログインできるように作成された簡単なアプリケーションがあります。

「ユーザー」メニューをクリックすると、ユーザーが現在ログインしているかどうかに応じて特定のコンポーネントに移動するように、ユーザーにとっては少しわかりやすいようにしたいと考えています。

ログインユーザー

- ユーザーログアウトし

ログアウトできます>コンポーネント - >これまで

---

でログを可能にするコンポーネントを、私は次のことを持っています。

import { Component, OnInit } from "@angular/core"; 
import { AuthService } from "./auth/auth.service"; 

@Component({ 
    selector: 'app-header', 
    template: ` 
     <header class="row"> 
      <nav class="col-md-8 col-md-offset-2"> 
       <ul class="nav nav-pills nav-justified"> 
        <li routerLinkActive="active"><a [routerLink]="['/authors']">Authors</a></li> 
        <li *ngIf="isLoggedIn" routerLinkActive="active"><a [routerLink]="['/user/logout']">User</a></li> 
        <li *ngIf="!isLoggedIn" routerLinkActive="active"><a [routerLink]="['/user']">User</a></li> 
       </ul> 
      </nav> 
     </header> 
    ` 
}) 
export class HeaderComponent implements OnInit { 
    constructor(private authService: AuthService){} 
    isLoggedIn: boolean 


    ngOnInit() { 
     this.isLoggedIn = this.authService.isSignedIn(); 
    } 
} 

しかし、それだけで私のサービスによって移入された値isLoggedInは、更新されていませんように、ページをリフレッシュで動作するようです。

Angular2を使ってMEANスタックを使用してこれを最大限に達成する方法についてのご意見をお待ちしております。

Answer 1

プレイスコンストラクタロジックを変更することによって解決さ

constructor(private router : Router, 
      private authService: AuthService){ 
    if(!this.authService.isSignedIn()){ // not of negative case 
     this.router.navigateByUrl('/signin') //path 
    } 

} 

Answer 2

内部チェック。ユーザーがリンクをクリックしたときにリルートを試みるのではなく。また、今のルートはコンポーネント

ngOnInit() { 
    if(this.authService.isSignedIn()){ 
     this.router.navigateByUrl('/user/logout'); 
    }}