Tabs 添加按钮以导航选项卡|角度材质

我试图在每个选项卡上显示数据，但问题是我拥有的数据相对较大，无法在单个屏幕中显示

我正在寻找一种方法，使标签滚动，以便我可以滚动的数据

有没有办法在选项卡边缘添加按钮或添加水平滚动条以使其可滚动

像这样的东西，也是有反应的

---

谢谢

您可以通过“角度材质”选项卡解决此问题。这里是angular的文档

记住，必须在角度模块上导入MatTabModule，如下所示：

我已将其添加到我的项目中，示例图像如下所示：

此外，如果要添加按钮而不是文本，也可以这样做。以下是您的示例图像：

这里，这个示例代码是

<mat-tab-group>
  <mat-tab>
    <ng-template mat-tab-label>
      <mat-icon class="example-tab-icon">thumb_up</mat-icon>
      First
    </ng-template>
    Content 1
  </mat-tab>

  <mat-tab>
    <ng-template mat-tab-label>
      <mat-icon class="example-tab-icon">thumb_up</mat-icon>
      Second
    </ng-template>
    Content 2
  </mat-tab>

  <mat-tab>
    <ng-template mat-tab-label>
      <mat-icon class="example-tab-icon">thumb_up</mat-icon>
      Third
    </ng-template>

    Content 3
  </mat-tab>
</mat-tab-group>

竖起大拇指
弗斯特
内容1
竖起大拇指
第二
内容2
竖起大拇指
第三
内容3

您可以在此处使用任何mat图标类来更改按钮图标。你可以使用这个链接

---

希望它能解决您的问题。

这会有帮助。。我以前读过文档。但无法发现它会在溢出时自动添加按钮。请添加溢出选项卡的示例代码。。这会更好地帮助别人。。谢谢：）还有。。那太好了。如果你也能帮我的话。。