时间戳

首页 > 解决方案 > matTextareaAutosize 覆盖 Textarea 的最小行

angular-material - matTextareaAutosize 覆盖 Textarea 的最小行

问题描述

我有一个我正在尝试动态使用 matTextareaAutosize 的 textarea。我正在使用按钮在 true 和 false 之间更改 showText 值。但是，它似乎覆盖了使用 minRows 设置的默认行。现在 textarea 的默认行始终为 1。有没有办法在使用 matTextareaAutosize 的 textarea 中分配默认行？

任何帮助/建议将不胜感激

文本区域组件.html

   <mat-form-field>
    <textarea matInput
      class="descriptionText"
      minRows="3"
      [matTextareaAutosize]="showText"
      #description
      placeholder="{{ 'COLUMNS.description' | translate }}"
      formControlName="description"
      required>
    </textarea>
    <mat-error *ngIf="caseForm.invalid">{{ 'CASES.descriptionError' | translate }}</mat-error>
    <mat-hint align="end">{{description.value.length}} / 1000</mat-hint>
  </mat-form-field>
      <div *ngIf="statusReason">
    <button mat-button (click)="resizeDescription(true)">Show More</button>
    <button mat-button (click)="resizeDescription(false)">Show Less</button>
  </div>

组件.ts

  resizeDescription(value: boolean) {
   this.showText = value;
  }

标签： angular-materialangular-material-6

解决方案

推荐阅读