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)