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

问题描述 投票:7回答:1

有谁知道如何设置自动调整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材质风格。

angular textarea angular-material2
1个回答
10
投票

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

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

textarea以6行开头并根据需要展开。

© www.soinside.com 2019 - 2024. All rights reserved.