角函數解析器調用模糊

Question

我有一種使用角度指令的輸入掩碼類型。我正在使用formatters和blur事件來格式化顯示的模型值，並且我使用parsers和focus事件來刪除用戶編輯文本框時的格式。

我在Internet Explorer中出現奇怪的行爲，如果您使用Tab鍵失去焦點，解析器事件將（錯誤地）觸發，因此模型值將被錯誤地更新。

這是一個角度的錯誤嗎？還是有什麼我做錯了？

這裏是一個小提琴：https://jsfiddle.net/capesean/htorwgs5/3/

注意，在IE瀏覽器，你的控制檯窗口打開，你會看到事件註銷。

此外，在早期版本的角度測試此，似乎很好地工作：

該指令代碼：

.directive("test", function() { 
    return { 
     restrict: "A", 
     require: 'ngModel', 
     link: function (scope, element, attr, ngModel) { 

      // for DOM -> model validation 
      ngModel.$parsers.unshift(function (value) { 
       console.log("parser"); 
       ngModel.$setValidity('test', true); 
       return +value; 
      }); 

      ngModel.$formatters.unshift(function (value) { 
       console.log("formatter"); 
       ngModel.$setValidity('test', true); 
       return (value === undefined ? "" : value) + "!"; 
      }); 

      element.val(scope.minutes); 

      element.bind("blur", function() { 
       scope.$apply(function() { 
        console.log("blur"); 
        element.val((scope.minutes === undefined ? "" : scope.minutes) + "@"); 
       }); 
      }); 

      element.bind("focus", function() { 
       scope.$apply(function() { 
        console.log("focus"); 
        element.val(scope.minutes); 
       }); 
      }); 

     } 
    }; 
}) 

Answer 1

這就是所謂的行爲。我在這裏發佈了一個錯誤報告： https://github.com/angular/angular.js/issues/14987

解決方法是使用$ timeout延遲元素值的設置，如錯誤報告的回覆中所建議的。