material textarea不适合minRows

在我的角度4项目中，我有一个matTextareaAutosize，我想将最小行设置为3，但由于某种原因，我看到最小行只有1行，可能我在我的一些错误代码：material textarea不适合minRows

<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

来源

2017-10-09 Alessandro

您的模板按预期工作，您是否可以检查控制台是否有错误？ – Faisal

在控制台中没有错误 – Alessandro

这里是演示如期工作：https://stackblitz.com/edit/ng-mat-beta-11-qty8bv?file=app/app.component.html – Faisal

您可以用CSS做这个最小高度和宽度属性：

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>

来源

2018-01-22 11:26:56 abahet

material textarea不适合minRows

回答

相关问题