材料textarea不适合minRows

Question

在我的angular 4项目中，我有一个matTextareaAutosize，我想将min行设置为3，但由于某种原因，我看到min行只有1行，可能我的代码中有一些错误：

<mat-form-field> <textarea matInput
    placeholder="{{ 'note.labels.note' | translate }}"
    matTextareaAutosize matAutosizeMinRows="3" matAutosizeMaxRows = "5"
    name="notes" #note></textarea> </mat-form-field>

我可以让它有效吗？我正在使用材料2.0.0.beta11 我按照

material

Answer 1

您可以使用css min-height和width属性执行此操作：

<强> CSS

mat-form-field.txtarea {
    min-height: 100px;
    height: initial;
    width: 100%;
}

mat-form-field textarea {
        height: 65px;
   }

HTML

<mat-form-field class="txtarea"> 
   <textarea matInput name="notes" #note 
    placeholder="{{ 'note.labels.note' | translate }}">
   </textarea>
</mat-form-field>