角材质textarea（拉伸高度）

Posted 2023-03-06

【中文标题】角材质textarea（拉伸高度）

【英文标题】：Angular material textarea (stretch height)

【发布时间】：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>

但是仍然有一行的大小：

【问题讨论】：

代码会有帮助

【参考方案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>

【讨论】：

我问的是高度而不是宽度