Чего я хочу добиться:
Используйте mat-action-row
, чтобы правильно отобразить кнопки вложенного компонента внутри mat-expansion-panel
.
Моя текущая ситуация:
У меня есть два компонента.
Внешний содержит mat-accordion
с кратным mat-expansion-panel
. Внутри них некоторые компоненты приложения.
Внутренняя часть отображает некоторые данные и содержит одну или две кнопки. Я не знаю о внешнем компоненте.
Мой наивный подход, который не сработал:
external.component. html
<mat-accordion>
<mat-expansion-panel>
<mat-expansion-panel-header>Inner</mat-expansion-panel-header>
<app-inner></app-inner>
</mat-expansion-panel>
</mat-accordion>
inner.component. html
<mat-list>
<!-- [...] -->
</mat-list>
<mat-action-row>
<button mat-button>Do Something</button>
</mat-action-row>