Trường biểu mẫu AngularJS bị bẩn và không hợp lệ khi tải trang trên IE10 chỉ

Question

Tôi có biểu mẫu đăng nhập đơn giản mà trên IE10 luôn có các trường biểu mẫu không hợp lệ khi tải trang mà không cần người dùng làm điều gì đó.

các trường biểu mẫu là thực sự đơn giản:

<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

Trong plunker ở trên, bạn có thể tái tạo vấn đề bằng cách tập trung vào lĩnh vực này trong khi bên trong ứng dụng của tôi lĩnh vực báo lỗi sẽ được hiển thị khi tải trang . Trong các trình duyệt khác, nó hoạt động tốt.

Answer 1

Ai đó đã viết một gist cho điều này, mà tôi đã sao chép dưới đây với tất cả các bản mẫu cần thiết:

góc-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); 

Tôi có không đã có bất kỳ vấn đề với điều này cho đến nay, mặc dù tôi sẽ không giả vờ rằng tôi đã đặt nó thông qua bất kỳ thử nghiệm hồi quy nghiêm trọng. Nó lọc ra tất cả sự kiện đầu vào cho IE10 và có thể cần phải được thực hiện cụ thể hơn.

Answer 2

Giải pháp thay thế của tôi:

Thêm ng-if="true" vào yếu tố đầu vào.

Chỉ được thử nghiệm trên góc 1,2.28.