如何使用mat-tab-nav-bar将动画另存为mat-tab-group?

时间:2020-07-13 00:15:04

标签: html angular angular-material nav mat-tab

我同时将<mat-tab-nav-bar>用于路由,并将<mat-tab-group>用于内容。
目前,我的<mat-tab-group>具有我喜欢的默认滑动动画,如何在<mat-tab-nav-bar>中包含它?

我当前的<mat-tab-nav-bar>代码(当前没有CSS修改):

<nav mat-tab-nav-bar mat-align-tabs="center">
  <a mat-tab-link *ngFor="let link of navLinks"
     [routerLink]="link.link"
     routerLinkActive #rla="routerLinkActive"
     [active]="rla.isActive">
    <h2>{{link.label}}</h2>
  </a>
</nav>
<router-outlet></router-outlet>

注意:波纹动画和墨水栏可以按预期工作,只有从选项卡转到另一个选项卡时才是动画。

0 个答案:

没有答案