我注意到,如果容器对于选项卡来说太小,MatTabNavBar 在显示箭头时的行为与常规 MatTabGroup 不同。
我使用官方文档构建了MatTabNavBar和MatTabGroup,但是您可以在这里看到MatTabGroup显示了箭头,而MatTabNavBar则没有。
https://angular-gaio5u.stackblitz.io 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 相同的箭头。
仅供参考,这似乎已在版本中修复@angular/[email protected] /cdn-cgi/l/email-protection
和更新的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)