angular - canActivate 保护方法中的错误

Question

下面是我在 TypeScript 中实现 CanActivate 保护子句，当我编译这段代码时，它显示如下错误

A function whose declared type is neither 'void' nor 'any' must return a value

   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()，您将获得一个订阅，因此我们使用 .map()。

要处理错误情况，请使用 .catch()

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

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

不要忘记导入所有运算符

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