エラー以下

Question

は、私はこのコードをコンパイルするとき、それは誤り

その宣言された型でもない「空」や「任意の」必須機能の下に示し、活字体でCanActivateガード句の私の実装ですこのエラーの理由は何

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

    this.appService.isValidUser().subscribe({ 
     next: (data) => data.authenticated, // this return true or false 
     error: (err) => false 
    }); 
} 

値を返しますか？

Answer 1

canActivateは、Observableではなく、Subscriptionを返します。 .subscribe()に電話すると、Subscriptionとなるので、.map()を使用します。 .catch()

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable<boolean> { 

    return this.appService.isValidUser() 
    .map(data => data.authenticated) 
    .catch(_ => Observable.of([false])); 
} 

エラーケースの使用を処理するために

は、すべての演算子

import 'rxjs/add/operator/catch'; 
import 'rxjs/add/operator/map'; 
import "rxjs/add/observable/of";