Angular Material 2 .mat-ink-bar 未显示在 mat-tab-nav-bar 中

【问题标题】：Angular Material 2 .mat-ink-bar not showing in mat-tab-nav-barAngular Material 2 .mat-ink-bar 未显示在 mat-tab-nav-bar 中
【发布时间】：2017-10-26 08:39:40
【问题描述】：

当我将 Angular Material 2 与 md-tab-group 一起使用时，mat-ink-bar 会正确显示，我可以使用 .mat-ink-bar 类对其进行样式设置。

但是当我使用mat-tab-nav-bar 和路由器时，墨条不显示。可能是什么问题？

谢谢。

【问题讨论】：

标签： angular angular-material angular5

【解决方案1】：

我找到了解决方案您需要编写如下代码添加 #rla="routerLinkActive" [active]="rla.isActive"

<a mat-tab-link [routerLink]="['/tab-1']" #rla="routerLinkActive" [active]="rla.isActive" routerLinkActive> Tab 1 </a> <a mat-tab-link [routerLink]="['/tab-2']" #rla2="routerLinkActive" [active]="rla2.isActive" routerLinkActive> Tab 2 </a> <a mat-tab-link [routerLink]="['/tab-3']" #rla3="routerLinkActive" [active]="rla3.isActive" routerLinkActive> Tab 3 </a>

谢谢

【讨论】：