我有一个文本区域,我正在尝试动态使用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;
}