自动关闭文本区域

Posted

技术标签:

【中文标题】自动关闭文本区域【英文标题】:Self-closing Textarea 【发布时间】:2014-01-17 01:19:01 【问题描述】:

与AngularJS on IE10+ ,textarea with placeholder cause "Invalid argument." 和AngularJS 1.1.5, Internet Explorer and ng-show with objects (Bug) 相关,我们必须使用 textarea 元素作为自闭合标签来解决 Internet Explorer 中的这两个问题。

但实际上这样做是错误。 Textarea 不是一个自闭合标签。例如,在 Chrome 中,使用 AngularJS,我们会遇到邪恶的错误和损坏的文档结构。

目前解决我的问题的是:

<textarea ng-model="..." placeholder="..." /> <!--</textarea> -->

这使它在 IE Chrome 中正常工作。但它很脏,我不喜欢它。希望这里有人对这个奇怪的问题有更好的解决方案。

干杯

【问题讨论】:

这是 Xhtml 吗?它将在 XHTML 中格式良好。在普通的 HTML 中,文本区域在物理上是不可能自动关闭的。此示例将在评论中途关闭它,然后在屏幕上显示--&gt;。那么...... Agularjs 例程对 IE 的 DOM 更改是否与 Chrome 不同?生成的输出 HTML 实际是什么样的? 我决定不做任何花招。我将删除我的应用程序中依赖于 textarea 绑定模型的所有依赖项并进行变通。不得在高质量项目中使用肮脏的技巧......也许这个问题将在较新的 Angular 版本中得到解决。感谢您花时间阅读这篇文章。干杯 希望 AngularJS 团队的人回答。 github.com/angular/angular.js/issues/1953#issuecomment-50456750 【参考方案1】:

你为什么不简单使用

<textarea  placeholder="..."> ngmodel </textarea>

而不是将其绑定到 ng-model

【讨论】:

以上是关于自动关闭文本区域的主要内容,如果未能解决你的问题,请参考以下文章

多词预测/自动完成文本区域? [关闭]

如何阻止文本区域自动换行? [复制]

关闭弹出模式时如何重置文本区域的大小?

是否可以使用来自 AJAX 调用的数据更新文本区域元素? [关闭]

将文本浮动到文本区域的右侧[关闭]

单击文本区域时,iOS 上的 reactstrap 模态关闭(仅在编辑时)