Angular Material 2 - 以两行显示 mat-tab-label 文本（如标题和副标题）

Question

我想在 mat-tab-label 中显示文本，例如某些标题及其副标题。例如，在mat-card-header上，可以设置标题和副标题并在另一个标题下显示。

是否可以使 mat-label 中的文本像此屏幕截图一样显示？

这是我尝试过的stackbliz，但没有任何效果 - 所有标签始终显示内联。

Answer 1

不仅仅是 HTML，Angular Material 使用它们来格式化它们inline-flex并将它们放在一行上。您需要使用::ng-deep组合器来更改影子树内组件的样式。这里有一篇小文章可供阅读，谷歌了解更多。

这是你的 stackblitz的答案。其中，将您的类添加到其中并调整样式表，这样您就不会操作所有选项卡，除非您想要这样做。