Question

我有一个简单的登录表单，在页面加载时，IE10上的表单字段始终无效，而无需用户执行操作。

表单字段非常简单：

<input type="text" required class="input-block-level" placeholder="username" ng-model="username" name="username" tabindex="1">
<p class="text-error" ng-show="loginForm.username.$dirty && loginForm.username.$invalid">
    <span ng-show="loginForm.username.$error.required">required</span>
</p>

http://plnkr.co/edit/DNUanGGaZDgFWYrm3gLK?p=preview

在上面的plunker中，您可以通过关注字段来重现问题，而在我的应用程序内部页面加载时会显示错误字段。在其他浏览器中它可以正常工作。

Answer 1

有人为此写了一个gist，我在下面转载了所有必要的样板：

<强>角hacks.js：

(function (window, angular, undefined) {
    'use strict';
    var hacks = angular.module('hacks', []);
    hacks.config(['$provide', function ($provide) {
        $provide.decorator('$sniffer', ['$delegate', function ($sniffer) {
            var msie = parseInt((/msie (\d+)/.exec(angular.lowercase(navigator.userAgent)) || [])[1], 10);
            var _hasEvent = $sniffer.hasEvent;
            $sniffer.hasEvent = function (event) {
                if (event === 'input' && msie === 10) {
                    return false;
                }
                _hasEvent.call(this, event);
            }
            return $sniffer;
        }]);
    }]);
})(window, window.angular);

到目前为止，我没有遇到任何问题，虽然我不会假装我已经通过任何严肃的回归测试。它过滤掉所有 IE10的输入事件，可能需要更具体。

Answer 2

我的解决方法：

将ng-if="true"添加到输入元素。

仅在角度1.2.28上测试。

当仅在IE10上加载页面时，AngularJS表单字段是脏的并且无效

2 个答案: