我可以在Angular组件上获取canActivate返回值吗？

Question

我使用AuthGuard保护我的某些组件，而有些则不是。 即，尽管用户尚未登录，但仍可以访问它。

在该组件上，我想显示已登录用户和未登录用户之间的UI差异。 例如，已登录的用户将在边栏中显示“注销”菜单，而未登录的用户将显示在“登录”菜单中。 因此，我需要在我的组件上获取canActivate值（或用户是否已登录的状态）。

这是我的AuthGuard文件：

@Injectable({ providedIn: 'root' })
export class AuthGuard implements CanActivate {
    constructor(
        private router: Router,
        private authenticationService: AuthenticationService
    ) { }

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
    const currentUser = this.authenticationService.currentUserValue;
    if (currentUser) {
        // check if route is restricted by role
        if (route.data.roles && route.data.roles.indexOf(currentUser.role) === -1) {
            // role not authorised so redirect to home page
            this.router.navigate(['/']);
            return false;
        }

        // authorised so return true
        return true;
    }

    // not logged in so redirect to login page with the return url
    this.router.navigate(['/login'], { queryParams: { returnUrl: state.url } });
    return false;
   }
}

我正在搜索并询问一些消息来源，他们说这无法完成。 但是，也许您可​​以说出另一种方法

Answer 1

解决方案之一是使用定义用户是否通过身份验证的方法创建服务，并在AuthGuard和任何组件中使用此方法