Angular路由守卫在订阅中未解析
创始人
2024-10-28 04:30:29
0

问题描述:当使用路由守卫来防止未授权的访问时,我们经常遇到在订阅内部无法解决的问题。这可能是由于订阅在路由守卫之前解析,因此路由守卫无法获取所需的数据。

解决方案:为了解决此问题,我们可以从rxjs中引入switchMap操作符,并使用它来返回可观察对象。这将确保我们的路由守卫能够解析所需的数据。

示例代码:

import { Injectable } from '@angular/core';
import { Router, CanActivate } from '@angular/router';
import { AuthService } from '../services/auth.service';
import { switchMap } from 'rxjs/operators';

@Injectable()
export class AuthGuard implements CanActivate {

  constructor(private authService: AuthService, private router: Router) {}

  canActivate() {
    return this.authService.isAuthenticated().pipe(
      switchMap((isAuthenticated) => {
        if (isAuthenticated) {
          return true;
        } else {
          this.router.navigateByUrl('/login');
          return false;
        }
      })
    );
  }

}

在上面的代码中,我们在canActivate函数中返回一个可观察对象,该对象使用 switchMap操作符将 isAuthenticated可观察对象映射为一个新的可观察对象。这样,我们的路由守卫就可以在完全解决订阅后使用 isAuthenticated的值来决定是否通过路由守卫进行认证。

相关内容

热门资讯

德扑之星辅助器购买!鱼扑克ap... 德扑之星辅助器购买!鱼扑克app ai(透视)最初是有挂(详细辅助软件教程)1、金币登录送、破产送、...
透视工具!aapoker透视软... 透视工具!aapoker透视软件,wpk私人辅助(详细辅助AI教程)1、让任何用户在无需aapoke...
aapoker辅助工具!wpk... aapoker辅助工具!wpk怎么检测伙牌(透视)好像存在有挂(详细辅助详细教程);是一款可以让一直...
透视好友房!aapoker辅助... 透视好友房!aapoker辅助功能,德州真人透视脚本(详细辅助透牌教程)aapoker辅助功能是一种...
wepoke一定有挂!微扑克系... wepoke一定有挂!微扑克系统是不是有问题(透视)一直真的有挂(详细辅助新版2025教程)是一款可...
辅助透视!wpk透视脚本链接,... 辅助透视!wpk透视脚本链接,agpoker辅助(详细辅助安装教程);1、wpk透视脚本链接透视辅助...
wpk有外挂!aapoker软... wpk有外挂!aapoker软件(透视)本然是有挂(详细辅助第三方教程)您好,wpk有外挂,确实是有...
辅助透视!hhpoker透视功... 辅助透视!hhpoker透视功能如何下载,hhpoker底牌透视脚本(详细辅助教你攻略);暗藏猫腻,...
微扑克辅助软件!德州ai辅助n... 您好,微扑克辅助软件这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...
透视玄学!wepoker透视脚... 透视玄学!wepoker透视脚本网页,wepoker有辅助吗(详细辅助解说技巧)该软件可以轻松地帮助...