angular - 如何仅显示我可以在 Angular 中活动的模块的链接？

Question

我将路由器和防护与 CanActivate 一起使用。它工作正常，但我只需要在我的菜单中显示“可激活”链接。

路由器有任何选项作为“isActivable”吗？

例子：

<ul>
 <li routerLink="home" routerLinkActive="active" *ngIf="isActivable">Home</li>
<ul>

Answer 1

您可以将 Guard 注入组件的构造函数中。像这样：

constructor(private yourGuard: YourGuard){}

并在模板中：

<ul>
 <li routerLink="home" routerLinkActive="active" *ngIf="yourGuard.canActivate()">Home</li>
<ul>

当然你必须在路由器中指定你的后卫......