gpt4 book ai didi

angular - MatTabNavBar 未显示箭头

转载 作者:行者123 更新时间:2023-12-04 13:43:34 25 4
gpt4 key购买 nike

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

最佳答案

仅供引用,这似乎在版本 @angular/material@8.2.x 中已修复和更新。

关于angular - MatTabNavBar 未显示箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53221503/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com