角函数解析器调用模糊

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延迟元素值的设置，如错误报告的回复中所建议的。