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

时间:2017-10-26 08:39:40

标签: angular angular-material angular5

当我使用带有md-tab-group的Angular Material 2时,mat-ink-bar会正确显示,我可以使用。mat-ink-bar类来设置它。

但是当我使用mat-tab-nav-bar和路由器时,墨水栏无法显示。可能是什么问题?

谢谢。

1 个答案:

答案 0 :(得分: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>

由于