Угловой материал: изменить название панели при раскрытии панели расширения

Question

Мне было интересно, можно ли изменить заголовок панели (одной из нескольких панелей расширения) при раскрытии панели. Было бы полезно, если заголовки слишком длинные.

Например: я использую в качестве заголовка "Привет ..." и при расширении это будет "Привет всем"

Я пробовал с открытой и закрытой вещью, но она меняет все мои названия одновременно.

Большое спасибо!

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>