Angular Material 2 Textarea Autosize 属性 (mdTextareaAutosize)

Posted

技术标签:

【中文标题】Angular Material 2 Textarea Autosize 属性 (mdTextareaAutosize)【英文标题】:Angular Material 2 Textarea Autosize Attribute (mdTextareaAutosize) 【发布时间】:2017-09-14 11:03:25 【问题描述】:

我正在使用@angular/material@2.0.0-beta.2。我在带有display:none(弹出窗口)的容器中有带有mdTextareaAutosize 属性的textarea。 我叫setValue 角形控制方法。当我打开弹出窗口时,textarea 有 height:0px 并且未显示初始值。当我单击文本区域并按任意键时,会出现初始值。

如果我添加布尔条件以显示 textarea (*ngIf) 并在 2 秒内将此条件设为真,那么它可以工作。但是没有timeout 就不行了。

【问题讨论】:

这是一个非常具体的问题,一些代码可以很好地配合。 【参考方案1】:

据我了解,textareaAutosize 会在显示新值之前计算高度。

要解决此问题,您可以使用resizeToFitContent(true) 函数。 它强制 autosize 重新计算高度(布尔参数是在内容没有改变的情况下强制计算事件)。

我不知道角材料 2 是否存在这种情况。我使用材料 6。

【讨论】:

以上是关于Angular Material 2 Textarea Autosize 属性 (mdTextareaAutosize)的主要内容,如果未能解决你的问题,请参考以下文章

使用 Angular-cli 在 Angular 2 应用程序中安装 bootstrap-material-design

Angular 2.0 Material MdDialog 与 Angular 2.0 的工作示例

Angular 5 Angular Material 2 - 使用 minLength 自动完成

Angular Material 2 Textarea Autosize 属性 (mdTextareaAutosize)

尝试从 npm 安装 Angular 2 Material - 源文本中无法识别的标记

Angular 2 Material - 如何有条件地设置工具栏的颜色