角度材質：展開擴展面板時更改面板標題

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>