マテリアルtextareaがminRowsに合わない

Question

私の4のプロジェクトでは、matTextareaAutosizeを持っていますが、最小行を3に設定したいのですが、何らかの理由で最小行が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 を使用していると私はあなたがCSSでこれを行うことができますmaterial

Answer 1

に従っ分、高さと幅のプロパティ：

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>