定制 header 中 angular 材料手风琴

Question

How can I customize <mat-panel-title> to support a subtitle under a header?如何自定义<mat-panel-title>以支持 header 下的字幕？ I try to add some HTML tags but not work.我尝试添加一些 HTML 标签但不起作用。 For now i have this:现在我有这个：

my stackblitz我的堆栈闪电战

Answer 1

You can use a flex-box display:您可以使用弹性盒显示：

<mat-panel-title style="display: flex; flex-direction: column">
  <span>HEADER</span>
  <span>subtitle</span>
</mat-panel-title>

But do it using a css class selector.但是使用 css class 选择器来实现。

In css file:在 css 文件中：

.column-layout {
  display: flex; 
  flex-direction: column;
}

In your template:在您的模板中：

<mat-panel-title class="column-layout">
  <span>HEADER</span>
  <span>subtitle</span>
</mat-panel-title>

定制 header 中 angular 材料手风琴

问题描述

1 个解决方案

解决方案1
1 已采纳 2020-04-09 08:34:15

In css file:在 css 文件中：

In your template:在您的模板中：

定制 header 中 angular 材料手风琴

问题描述

1 个解决方案

解决方案1 1 已采纳 2020-04-09 08:34:15

In css file:在 css 文件中：

In your template:在您的模板中：

解决方案1
1 已采纳 2020-04-09 08:34:15