canActivateにサブスクライブする代わりにブール値を返します

Question

私はcanActivateガードで保護されたコンポーネントを持っています。 checkLoginのAuthguard関数は観測値からサブスクライブしますが、boolean値をcanActivateに戻す方法はわかりません。

guard.service.ts

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
    let url: string = state.url; 

    return this.checkLogin(url); 
    } 

    public checkService:boolean; 
    checkLogin(url: string):boolean { 

     return this.loadAppSettings().subscribe(res=>{ 
       console.log(this.checkservice); 
       if (this.checkservice == true) 
       { 
        return true; 
      } 
      else{ 
       this.router.navigate(['/error-user']); 
       return false; 
      } 
      }); 
     }//checkLogin throws error as type subscription is not assignable to type boolean 

それでは、私が欲しいのはthis.checkServiceがtrueの場合、それだけでtrueを返す必要があり、それがfalseの場合、ユーザーが守られた経路に着陸することができるはずですがあります彼はerror-userにナビゲートする必要があります。

Angular2 - return boolean with subscribe to canActivateこの質問は私のものと似ていますが、問題を解決できませんでした。

誰か助けてもらえますか？

Answer 1

canActivateも観測可能な値を返すことができます。定義はCanActivate-interfaceです。それに応じて返品の種類を変更してください。

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> { 
    let url: string = state.url; 

    return this.checkLogin(url); 
} 

public checkService:boolean; 
checkLogin(url: string):Observable<boolean> { 
    return this.loadAppSettings().map(res=>{ 
      console.log(this.checkservice); 
      if (this.checkservice == true) 
      { 
       return true; 
     } 
     else{ 
      this.router.navigate(['/error-user']); 
      return false; 
     } 
    }); 
    }