ユーザーにメッセージを表示する方法がガードによって角度2で許可されていない

Question

承認のために角2ガード（canActivate）を使用していますが、ユーザーが許可なしブランク画面を持たないルートに移動した場合

このような許可がないというメッセージを表示したいのですが、どうすれば可能ですか？

guardService：

import { Injectable } from '@angular/core'; 
import { CanDeactivate , CanActivate } from "@angular/router"; 

@Injectable() 
export class LoginGuardService implements CanActivate,CanDeactivate<any>{ 

    constructor() { } 

    canActivate(){  
    return true; 
    } 

    canDeactivate(){ 
    return window.confirm("You have unsaved changes. Still want to leave?"); 
    } 

} 

ルーティングファイル

{path:'grade-listing' , component:GradeListingComponent ,canActivate:[LoginGuardService]}, 

Answer 1

canActivate(){ 
    if(yourcondition == true){ 
     return true; 
    } else { 
     this.router.navigate(['/yourRoutetoErrorHtml']); 
     return false; 
    } 
    } 

そのような何か？

Answer 2

あなたにはいくつかのオプションがあります。

1）ルータを使用して、作成したコンポーネントに移動します。error/login-required。このページには、必要に応じて簡単なHTMLメッセージが表示されます。

- https://auth0.com/blog/angular-2-authentication/を参照してください。また、router.navigateを使用してユーザーをログインページに戻す方法についても説明します。

2）モーダルを表示できます。

良い、シンプル、モデルライブラリ - https://github.com/shlomiassaf/angular2-modal