Angular Material 2 .mat-Tinte-Leiste nicht in Mat-Tab-Nav-bar

Question

Wenn ich das Angular Material 2 mit md-tab-group, zeigt die mat-ink-bar korrekt angezeigt und ich kann es mit der. mat-ink-bar Klasse.

Aber wenn ich mat-tab-nav-bar und Router verwende, wird die Tintenleiste nicht angezeigt. Was könnte das Problem sein?

Vielen Dank.

Answer 1

ich gefunden habe Lösung Sie müssen Code schreiben, wie unter rla # add = "routerLinkActive" [aktiv] = "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>

Dank