matTextareaAutosize覆盖Textarea的最小行

时间:2018-07-23 16:54:56

标签: angular-material angular-material-6

我有一个文本区域,我正在尝试动态使用matTextareaAutosize。我正在使用按钮在true和false之间更改showText值。但是,它似乎覆盖了使用minRows设置的默认行。现在,textarea的默认行始终为1。是否可以在使用matTextareaAutosize的textarea中分配默认行?

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

textarea component.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>

component.ts

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

0 个答案:

没有答案