我注意到,如果容器对于选项卡来说太小,则在显示箭头时,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相同的箭头。
答案 0 :(得分:1)
仅供参考,该问题似乎在@angular/material@8.2.x
版和更高版本中已解决。