angularjs - Angular 和 Internet Explorer 11 - 输入无法正常工作

Question

我在 IE(11 和所有以前的版本)中使用 ng-model 输入时遇到严重问题，但在所有其他浏览器中一切正常。上周首次观察到此问题。我们没有对我们应用程序的这一部分进行更新，并且在上周之前没有听到用户遇到此问题的报告。

我们正在运行 Angular 1.4.3。

基本上，像这样的输入:

<input data-ng-model="answer.value"></input>

未正确更新模型。它看起来像 onChange 或 onFocus 事件的问题 - 输入永远不会丢失它们的 ng-pristine 和 ng-untouched 类。它们正确显示了模型的初始值，但用户所做的任何更新都无法保存。我们已经尝试添加 <meta http-equiv="X-UA-Compatible" content="IE=11" />贴在我们头上无济于事。从输入中删除所有验证没有任何区别。没有控制台错误或警报。

Answer 1

就我而言，我有一个父组件和一个子输入。

父组件对 Angular 绑定(bind)属性的选择很差；我将属性称为“disabled”。 disabled自定义属性名称是一个错误的选择，因为这是许多 HTML 元素的标准属性。

当我将自定义属性名称更改为“custom-disabled”时，子输入开始响应。

Internet Explorer 解释了一些祖先 disabled属性意味着所有后代都应该被禁用；因此我的 Angular 输入 ng-model , ng-change , ng-blur , ng-focus没有工作。

我应该知道:当我问 $('input').is(':disabled') ，结果为 true .我忽略了这一点，因为 input元素本身没有 disabled属性;只有祖先元素做到了!