Анимация выделения не работает для угловых (7) вкладок материалов

Question

Я попытался реализовать вкладки Angular Material с маршрутизацией, все работает нормально, только анимация подчеркивания не работает. Он просто остается на первой вкладке и исчезает после. У меня установлена ​​анимация и тема по умолчанию, как предлагается здесь:

Анимация вкладки углового материала не работает

и использовал код как в документации:

<nav mat-tab-nav-bar>
  <a mat-tab-link
      routerLink="home"
      routerLinkActive #rla="routerLinkActive"
      [active]="rla.isActive">
      home
  </a>
  <a mat-tab-link
      routerLink="about"
      routerLinkActive #rla="routerLinkActive"
      [active]="rla.isActive">
      about
  </a>
</nav>

<router-outlet></router-outlet>

Answer 1

Попробуйте это:

<a mat-tab-link
      routerLink="about"
      routerLinkActive #rla="routerLinkActive"
      routerLinkActive="active"
      [active]="rla.isActive">
      about
</a>

CSS:

.active{
}