Angular 2材料设计,为autosize textarea设置最小行

时间:2017-01-31 16:39:18

标签: angular textarea angular-material2

有人知道如何设置自动调整Angular 2材质设计textarea输入元素的最小行数吗?

这是我的样本:

<md-input-container class="input-field message">
    <textarea md-input md-autosize minRows="3" placeholder="Message" name="message"></textarea>
</md-input-container>

这是源代码: https://github.com/angular/material2/blob/master/src/lib/input/autosize.ts

我注意到它有输入变量minRows,设置[minRows]="3"仍无效。

我有点卡住了,请帮帮忙。

更新:我试图在plunkr上重复此问题并且没有成功。似乎我的本地CSS以某种方式覆盖Angular材质风格。

1 个答案:

答案 0 :(得分:10)

我今天遇到了同样的问题,这对我有用

<md-input-container class="full-width">
    <textarea mdInput mdTextareaAutosize minRows="6" placeholder="Beschrijving" id="description" formControlName="description"></textarea>
</md-input-container>

textarea从6行开始,并在需要时展开。