Angular 2 material 设计，为自动调整文本区域设置最小行数

Question

有人知道如何设置自动调整大小的最小行数 Angular 2 material 设计 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 material 样式。

Answer 1

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

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

文本区域从 6 行开始，并根据需要扩展。

Angular 2 material 设计，为自动调整文本区域设置最小行数

Angular 2 material design, setting minimal rows for autosize textarea

angular

textarea

angular-material2