无法在 IE AngularJS/Cordova/Bootstrap 中输入文本框答案

【问题标题】：Can't Type In Textbox In IE AngularJS/Cordova/Bootstrap无法在 IE AngularJS/Cordova/Bootstrap 中输入文本框
【发布时间】：2015-03-12 17:43:24
【问题描述】：

我正在使用适用于 VS2013（Cordova 版本 3.6.4）的 Cordova 3 工具开发应用程序。当我在 Windows 中部署到本地计算机时，<input type="text> 出现以下行为：

我无法输入任何<input type="text>。
当我将焦点放在<input type="text> 上时，光标会在其他位置随机闪烁。

即使使用以下标记 <input type="text" name="name" value=" " /> 作为 <body> 中的第一个节点，我也会遇到这种行为。

我已经完成了调试：

使用 ng-focus 查看哪个元素具有焦点，它是正确的元素。
使用了 ng-keypress，它还引用了正确的元素。
在 Chrome 上检查过，没有这个问题。

我目前的解决方案

我将<input type="text> 更改为<textarea style="height:34px;">。我宁愿它按应有的方式工作，但这现在就足够了。

【问题讨论】：

Can't edit input type="text" or textarea with Cordova 1.9.0 and Android Jelly Bean 的可能重复项
嘿，感谢您建议它可能是重复的，但事实并非如此。解决方案中不存在*user-select: none;，cordova 版本号为 3.6.4。再说一次，这只发生在 IE 上。

标签： angularjs twitter-bootstrap cordova textbox focus

【解决方案1】：

该问题似乎与通用 Windows 应用程序 (IE) 的 CSP（内容安全策略）规则（有趣的是还与 Chrome 扩展程序）有关。

解决方法很简单，只需将 ng-csp 放入页面的 html 元素中。这将允许您重新获得对输入元素（文本框）的编辑控制。你的代码应该是这样的

<html ng-csp>

更多阅读：AngularJS Documentation ng-csp

【讨论】：