MatTabNavBar 不显示箭头

Question

我注意到，如果容器对于选项卡而言太小，则在显示箭头时，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。

Answer 1

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