MatTabNavBar不显示箭头

时间:2018-11-09 07:34:27

标签: angular angular-material angular-material-7

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

...所以我有什么遗漏吗?预期的结果是MatTabNavBar显示与MatTabGroup相同的箭头。

1 个答案:

答案 0 :(得分:1)

仅供参考,该问题似乎在@angular/material@8.2.x版和更高版本中已解决。