角形材质textarea行不起作用

Question

我正在使用有角度的材质设计，并且我使用了Textarea，但是高度没有改变是固定的，我尝试了很多方法但无法正常工作

但是，它总是相同的大小。甚至更改CSS也可以，但是它的高度只是在变化，我可以说它不起作用

关于如何更改文本区域大小的任何想法？

<mat-form-field appearance="outline" class="example-full-width">
      <mat-label>Discription</mat-label>
      <textarea matInput></textarea>
    </mat-form-field>

即使我也尝试过

<mat-form-field>
  <mat-label>Description</mat-label>
  <textarea matInput formControlName="description" matTextareaAutosize matAutosizeMinRows=1 matAutosizeMaxRows=5></textarea>
</mat-form-field>

此输出我正在获取表单代码

我正在从期望中获得此输出

Answer 1

您需要添加：

matAutosizeMinRows=5 matAutosizeMaxRows=20

这将设置最小行数和最大行数，它们也可以控制高度。

这里是演示：Stackblitz

如果您尝试了上述操作，则在编辑问题时会得到不同的结果。然后可能是另一个CSS覆盖了textarea的高度。请使用您的开发人员工具来查找附加到textarea的其他CSS。

Answer 2

为line-height设置textarea样式。

例如：

<mat-form-field >
    <textarea matInput placeholder="Description" style="line-height: 20px !important"></textarea>
</mat-form-field>