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

Question

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

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

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

Answer 1

Angular Material不仅使用HTML，还使用inline-flex格式化它们并将它们放在一行上。您需要使用::ng-deep组合器来更改阴影树中组件的样式。 Here's一篇要阅读的小文章，有关更多信息，请访问Google。

然后here is your stackblitz回答。在您之中，向其中添加类并调整样式表，这样就不必操纵所有选项卡，除非您要这么做。