Angular2 - canActivateに登録してブール値を返します

Question

私はAngularで新しく、true/falseを返す関数を実装する必要があります。canActivateガードでリターンを使用しますが、この関数はhttp.getによってapiを消費し、通信が非同期であるように、この関数は常にhttp.getが処理中であるため、FALSEを返します。

私のクラスのガード：

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 

    let url: string = state.url; 


    if (this.loginService.isLoggedIn()) { 
     return true; 
    } 

    this.loginService.redirectUrl = url; 

    this.router.navigate(['login']); 

    return false; 
} 

と関数isLoggedIn（）

isLoggedIn() { 

    let logged: boolean = false; 

    this.http.get('api/values', this.httpService.headers()) 
     .map((res: Response) => { 
      logged = res.json(); 
     }); 

    return logged; 

} 

私は多くの質問を読んで、私は答えを見つけていません。

Answer 1

ガードタイピングそれは

Observable<boolean>, Promise<boolean> or boolean 

を返すことができると言いそうにisLoggedIn変更：

isLoggedIn() { 

    return this.http.get('api/values', this.httpService.headers()) 
    .take(1) 
    .map((res: Response) => res.json()); 
}  

更新

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

    return this.isLoggedIn().map(loggedIn => { 
     if(!loggedIn) { 
     this.loginService.redirectUrl = url; 
     this.router.navigate(['login']); 
     } 
     return loggedIn; 
    } 
}