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

标签 angular textarea angular-material2

有人知道如何为自动调整 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 样式。

最佳答案

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

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

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

关于Angular 2 Material 设计,为自动调整文本区域设置最小行数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41962769/

相关文章:

angular - JHipster 自定义错误消息翻译

angular - 如何在 mat-select 中使用变化事件流?

angular - Angular Material 的默认图标列表 2+

html - Angular Material Progress Bar - 重新设计为带有文本的移动 div

css - PrimeNG p-menubar 将一个元素右对齐

javascript - 处理我页面上任何 &lt;textarea&gt; 的 keydown 事件

asp.net 多行文本框默认值

php - 将textarea内容保存到mysql然后在页面上正确显示

angular - mat-menu 向下滚动,页面位于固定底部导航上,仅限移动设备和 Chrome

javascript - 不允许函数在执行后一段时间内继续执行