ルータに現在のルートをAngular 2で更新させるにはどうすればよいですか？

Question

私は家のコンポーネントとナビゲーションパネルコンポーネントを角度2に持っています。ユーザーがナビゲーションパネル（サイドバー）のログアウトをクリックすると、ルータをコンソールにログすることによって、現在のURLが「/ login」として正しくレポートされます。ユーザが再度ログインすると、ナビゲーションパネルのルータインスタンスは、ユーザがログインした後に現在のルートを「/ login」としてレポートします。ルータは、それらをホームページに持って行く必要があります。その結果、ユーザーは決してログイン画面を通過することはなく、ブラウザーのビューとURLは更新されません。

は、これまでのところ、私は次のことを試してみました：

1. 手動ngZoneへの呼び出しでrouter.navigate呼び出しをラップ
2. （これは問題を解決すると思われる）、ブラウザのキャッシュをクリアし、ページを更新します。 run（）
3. ホームコンポーネントのコンストラクタで角2のテンプレートキャッシュをクリアします。ここ

コードのいくつかの関連部分である：

：（login.component.tsで）ユーザがログインした後にナビゲーションを処理する方法

private doAfterLoggedIn() { 
    let returnRoute = this.route.snapshot.queryParams["ReturnUrl"] || "/"; 
    this.toaster.toast({ 
     title: `Welcome back!`, 
     duration: 2000 
    }); 
    this.router.navigate([returnRoute]); 
} 

ホームコンポーネントのルート

{ 
    path: '', 
    pathMatch: 'full', 
    component: HomeComponent, 
    resolve: { author: RouteAuthorResolver }, 
    data: { 
     panelsectionName: "home" 
    } 
}, 

NAVパネルコンポーネントにおけるログアウト方法の部分：

doLogout() { 
    // leave immediately 
    this.router.navigate(["/login"]); 
} 

Answer 1

ブートストラップコンポーネントがHomeComponentであると仮定すると、そのコンポーネントのコンストラクタでは、loginコンポーネントにログインelseリダイレクトをチェックします。

constructor(activatedRoute: ActivatedRoute,router:Router){ 
    if(this.activatedRoute.url !== 'login'){ 
     if(!userService.geToken()){ 
       this.router.navigate(["/login"]); 
     } 
    } 
}