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

Question

当我将 Angular Material 2 与 一起使用时md-tab-group，会mat-ink-bar正确显示，我可以使用 . mat-ink-bar班级。

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

谢谢你。

Answer 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>

谢谢