Question

我已阅读mat-tabs上有角度材料的文档。 mat-tabs的基本概念非常容易理解，但在mat选项卡中使用路由的概念令人困惑。

以下是在mat-tabs中使用路由的示例，该路由使用<nav mat-tab-nav-bar>

完成

<nav mat-tab-nav-bar>


 <a mat-tab-link
 *ngFor="let link of navLinks"
 [routerLink]="link.path"
 routerLinkActive #rla="routerLinkActive"
 [active]="rla.isActive">
{{link.label}}
  </a>
</nav>

<router-outlet></router-outlet>

我理解这个例子中的所有属性，除了routerLinkActive属性和赋予活动属性的rla.isActive值

任何人都可以明确这个概念吗

提前致谢：）

Answer 1

routerLinkActive #rla="routerLinkActive"检查当前在条形图中处于活动状态的链接，而rla.isActive在路由选项卡上设置下划线。

Answer 2

查看我在stackblitz中拥有的完整示例

如何在mat选项卡中使用路由？

2 个答案: