角材质textarea（拉伸高度）答案

【问题标题】：Angular material textarea (stretch height)角材质textarea（拉伸高度）
【发布时间】：2019-10-06 07:41:24
【问题描述】：

如何将 textarea (mat-form-field) 的高度缩放到内容的 100%？

我在指令内的每个元素中尝试了 height: 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>

但是仍然有一行的大小：

【问题讨论】：

代码会有帮助

标签： css angular angular-material textarea

【解决方案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>

【讨论】：

我问的是高度而不是宽度