angular - 是否可以在 mat-accord 中用 mat-form-field 替换 mat-expansion-panel-header？

Question

这个想法是拥有 mat-accordion 功能，但我想使用 mat-form-field 作为用户可以选择选项的框。

我现在拥有的是：

但我想像这样使用 mat-form-field ：

有什么办法吗？

标签： angularangular-material

Answer 1

你可以这样做：

<mat-accordion>
  <mat-expansion-panel>
    <mat-expansion-panel-header>
      <mat-form-field>
        <mat-label>
          Lorem ispum
        </mat-label>
        <input type="text" matInput [formControl]="inputFormControl">
      </mat-form-field>
    </mat-expansion-panel-header>
    <p>I'm visible because I am open</p>
    <p>No, you are not dude</p>
  </mat-expansion-panel>
</mat-accordion>

并修改 mat-form-field 的样式以适应mat-expansion-panel.