4

我注意到，如果容器对于选项卡而言太小，则在显示箭头时，MatTabNavBar 的行为与常规的 MatTabGroup 不同。

我使用官方文档构建了 MatTabNavBar 和 MatTabGroup，但是您可以在这里看到 MatTabGroup 显示箭头而 MatTabNavBar 没有。

https://angular-gaio5u.stackblitz.io

用于 MatTabGroup 的模板：

<mat-tab-group>
  <mat-tab
    *ngFor="let tab of tabs"
    [label]="tab.label"
  >
    {{ tab.label }}
  </mat-tab>
</mat-tab-group>

用于 MatTabNavBar 的模板：

<nav mat-tab-nav-bar>
  <a
    mat-tab-link
    *ngFor="let tab of tabs"
    [active]="isActive(tab)"
    (click)="setActive(tab)"
  >
    {{ tab.label }}
  </a>
</nav>

......所以我错过了什么？！预期结果是显示与 MatTabGroup 相同的箭头的 MatTabNavBar。

4

1 回答 1

1

仅供参考，这似乎在版本@angular/material@8.2.x和更新版本中已修复。

于 2020-07-13T08:36:45.830 回答