选择动画不适用于Angular（7）材质选项卡

Question

我尝试通过布线实现“角度材质”选项卡，但所有操作都正常，只是下划线动画不起作用。它只是停留在第一个选项卡上，然后消失。 我已按照此处的建议安装了动画和默认主题：

Angular material tab animation doesn't work

并使用了文档中的代码：

<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{
}