angular - MatTabNavBar 未显示箭头

标签 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 相同的箭头。

最佳答案

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

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

相关文章:

javascript - 在 md-tab 标签上使用 ng-click

javascript - 一个完美的 Angular Material 底部导航栏。有没有我缺少的组件?

angular - 如何根据其他两个日期选择器字段在日期选择器字段上设置最小值和最大值 - Angular Material

angular - 在 mat-dialog 中显示 mat-table

angular2-jwt 没有 AuthConfig 的提供者

java - 我想将聊天窗口/选项集成到我的网络应用程序中。我从哪说起呢?

angular - “指令”在类型 'Component' 中不存在

angular - 如何将查询参数设置为 url Angular2?

angular - 使用 Angular 4 根据第一个下拉列表选择第二个下拉列表

Angular Material : Not able to drop on a dynamically created droplist