angular - Angular Material Tabs 如何自定义标签行并添加文本或下拉列表？

Question

我目前正在使用角度材料选项卡，我希望在选项卡之前添加文本，并在选项卡之后的行末尾添加一个下拉列表。理想情况下，它应该类似于下图：

我尝试在选项卡旁边放置一个标签或创建一个 div，但是这些没有显示。最后，我创建了另一个选项卡并将其设置为禁用，但我认为这并不理想，我无法更改禁用的文本颜色。至于下拉列表，我不知道如何去做。

我在这里有一个关于 stackblitz 的演示

如何自定义标签行并在其中添加文本或下拉列表？

标签： angulartypescriptangular-material

Answer 1

您可以使用绝对位置来实现您想要的。您将无法做得比这更好，因为您使用的组件 mat-tab-group 没有在输入中传递组件以显示您想要的位置的选项。

因此，如果您想在 mat-tab-group 中显示不属于 mat-tab-group 的内容，则必须使用绝对位置。

我在这里更新了你的 stackblitz

注意：你禁用的 Tab 技巧也很好，这是一个技巧，但有时你必须做一些技巧