角度材质：展开扩展面板时更改面板标题

Question

我想知道扩展面板时是否可以更改（多个扩展面板之一的）面板标题。 标题过长时将很有用。

例如：我使用标题“ Hello ...” 展开时会是“大家好”

我尝试过打开和关闭的东西，但是它同时更改了我的每个标题。

非常感谢！

Answer 1

最简单的方法是使用模板逻辑。将模板引用变量应用于扩展面板，并使用该变量获取扩展状态以更改标题文本：

<mat-expansion-panel #thisPanel>
  <mat-expansion-panel-header>
    <mat-panel-title>

      {{ thisPanel.expanded ? 'Hello everybody' : 'Hello...' }}

    </mat-panel-title>
    ...
  </mat-expansion-panel-header>
  ...
</mat-expansion-panel>