Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如果用户未登录,是否隐藏角度导航控件?_Angular_Typescript_Authentication_Authorization - Fatal编程技术网

Angular 如果用户未登录,是否隐藏角度导航控件?

Angular 如果用户未登录,是否隐藏角度导航控件?,angular,typescript,authentication,authorization,Angular,Typescript,Authentication,Authorization,如果用户未登录,Angular是否有标准化的隐藏控件的方法。我们有CanActivateguard,它检查用户是否可以访问某条路线。如果用户未登录或未被授权访问路由,我们是否隐藏要开始的路由 例如,假设我们有一个链接: <a routerLink="topsecret">Top secret link</a> 绝密链接 如果用户未登录,我们希望在呈现应用程序时隐藏此链接。如果用户已登录并被授权继续查看topsecret组件,则呈现链接。假设在身份验证服务(实例化为A

如果用户未登录,Angular是否有标准化的隐藏控件的方法。我们有
CanActivate
guard,它检查用户是否可以访问某条路线。如果用户未登录或未被授权访问路由,我们是否隐藏要开始的路由

例如,假设我们有一个链接:

 <a routerLink="topsecret">Top secret link</a>
绝密链接

如果用户未登录,我们希望在呈现应用程序时隐藏此链接。如果用户已登录并被授权继续查看
topsecret
组件,则呈现链接。

假设在身份验证服务(实例化为Auth)上,您有一个名为
isLoggedIn
的属性,该属性确定登录状态

您只需使用
ngIf
即可实现这一点:


绝密链接

如果您想在进入路由之前知道用户是否登录,您可以使用路由解析程序呼叫您的身份验证服务并了解登录状态-我更新了问题。希望现在更清楚。您可以编写指令或使用*ngIf=“loggedIn”隐藏链接。您可以从全局维护登录状态的服务中获取“loggedIn”标志的值