作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我注意到,如果容器对于选项卡来说太小,则在显示箭头时,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>
<nav mat-tab-nav-bar>
<a
mat-tab-link
*ngFor="let tab of tabs"
[active]="isActive(tab)"
(click)="setActive(tab)"
>
{{ tab.label }}
</a>
</nav>
最佳答案
仅供引用,这似乎在版本 @angular/material@8.2.x
中已修复和更新。
关于angular - MatTabNavBar 未显示箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53221503/
我注意到,如果容器对于选项卡来说太小,则在显示箭头时,MatTabNavBar 的行为与常规 MatTabGroup 不同。 我使用官方文档来构建 MatTabNavBar 和 MatTabGroup
我是一名优秀的程序员,十分优秀!