在路由器中使用订阅可以在 angular2/4 中激活失败

Question

我试图保护我的路线，但收到一个错误

Type 'Subscription' is not assignable to type 'boolean 
     | Promise<boolean> | Observable<any>'

所以在路由守卫中有

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> | Promise<boolean> | boolean {
     return this._authService.checkLoggedin().subscribe((res)=>{
     if(!res){
        console.log("res is not here..")
      }
      return res;

    },(err)=>{

     console.log("error is", err);
  })
 }   

所以我有我的身份验证服务

  checkLoggedin(): Observable<any> {
    if (!this._accesstokenService.getToken('access_token')) {
      return Observable.of(false); //just checks for localstorage
     }
      //if the access token exists  validate it on the server
    return this._http.post(this.authurl + 'auth/is-loggedin', 1)
      .map((res) => {
       return Observable.of(res);
      });
 }

我哪里错了。我仍然想继续使用 checkloggedin 方法中的 observable

Answer 1

您需要在 canActivate 中返回一个 observable 而不是订阅

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> | Promise<boolean> | boolean {
     return this._authService.checkLoggedin();
 }  

你的返回签名是这样规定的，但如果我是你，我会让它返回一个布尔值并保持简单。