代码之家  ›  专栏  ›  技术社区  ›  harkesh kumar

角度材质文本区域行不工作

  •  1
  • harkesh kumar  · 技术社区  · 7 年前

    我用的是棱角材料设计,我用的是文字区,但高度不变,我试了很多方法,但没有工作,我喜欢

    然而,它总是一样的大小。甚至改变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>
    

    我得到的输出是表单代码

    Demo

    预期产量

    enter image description here

    1 回复  |  直到 6 年前
        1
  •  1
  •   Maihan Nijat    7 年前

    您需要添加:

    matAutosizeMinRows=5 matAutosizeMaxRows=20
    

    这将设置最小行数和控制高度的最大行数。

    演示如下: Stackblitz

    如果你尝试了上面的方法,当你编辑问题的时候,你得到的结果是不同的。可能另一个css会覆盖 textarea 身高。请使用开发人员工具查找附加到 文本区域 是的。

        2
  •  0
  •   AminRostami    7 年前

    设置 line-height 风格 textarea 是的。

    例如:

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