Angular2 - 返回布尔与订阅canActivate

Question

我是Angular中的新手，我需要实现一个返回true/false的函数，我将使用canActivate守护进程中的返回值，但此函数通过http.get使用api，所以就像通讯是异步的，这个函数总是返回FALSE，因为http.get还在处理中。

我班后卫：

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; 
    } 
}