1

我有一个只有所有者才能访问的用户设置页面。我想使用 CanActivate 来实现限制。CanActivate 要求输出为布尔值或布尔值的可观察值。但是，我的代码输出一个可观察的布尔值。

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

这是我的代码

@Injectable()
export class UserGuard implements CanActivate {

  constructor(
    private route: ActivatedRoute,
    private userService: UserService
  ) { }

  canActivate() {
    const username = this.route.snapshot.paramMap.get('username');

    return this.userService.authState().map(auth => {
      return this.userService.getByUid(auth.uid).map(user => {
        return user.username === username ? true : false;
      });
    });
  }
}
4

1 回答 1

1

用于.switchMap使 observable 变平。在此处了解更多信息：https ://www.learnrxjs.io/operators/transformation/switchmap.html

本质上，如果您链.switchMap​​接到源 observable 并返回内部 observable，则该observable 将被订阅并发出其值，而不是 observable 本身被发出：

return this.userService.authState().switchMap(auth => {

在这种情况下，您还可以通过链接.map到原始可观察流来稍微扁平化您的代码。

return this.userService.authState().switchMap(auth =>
  this.userService.getByUid(auth.uid)
).map(user => user.username === username);
于 2017-11-15T20:58:29.087 回答