角材质textarea（拉伸高度）

Question

如何将文本区域（mat-form-field）的高度缩放到内容的100％？

我尝试了高度：指令中每个元素的高度均为100％，但这不起作用。

我也在这里尝试使用代码镜像：

    <div [formGroup]="codeGroup">
      <mat-form-field class="full-width">
        <mat-codemirror formControlName="code"
          [options]="{ theme: 'neat', mode: 'yaml' }"
          placeholder="Code"></mat-codemirror>
      </mat-form-field>
    </div>

但是仍然有一行的大小：

Answer 1

HTML和CSS

.example-full-width {
  width: 100%;
}

<div [formGroup]="codeGroup">
  <mat-form-field class="example-full-width">
    <textarea matInput placeholder="Code">1600 Amphitheatre Pkwy</textarea>
  </mat-form-field>
  <mat-form-field class="example-full-width">
    <textarea matInput placeholder="Code 2"></textarea>
  </mat-form-field>
</div>