我尝试通过路由实现 Angular Material 选项卡,一切正常,只是下划线动画不起作用。它只是停留在第一个选项卡上,然后消失。 我按照此处的建议安装了动画和默认主题:
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>
最佳答案
试试这个:
<a mat-tab-link
routerLink="about"
routerLinkActive #rla="routerLinkActive"
routerLinkActive="active"
[active]="rla.isActive">
about
</a>
CSS:
.active{
}
关于angular - 选择动画不适用于 Angular (7) Material 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56325445/