角材料2 .mat-ink-bar在mat-tab-nav-bar中未显示

angular angular-material angular5

1179 观看

1回复

当我将Angular Material 2与一起使用时md-tab-groupmat-ink-bar显示正确,并且可以使用设置样式。mat-ink-bar类。

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

谢谢。

作者: PastAndSalmon 的来源 发布者: 2019 年 11 月 12 日

回应 (1)


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>

谢谢

作者: Chetan Khandla 发布者: 23.02.2018 07:13
32x32