Angular 1.3：使用$ parsers清除輸入字段

Question

剛更新到Angular 1.3，我的「大寫」指令不像以前那樣工作。

這裏是我的指令：

.directive('capitalize', function(){ 
return { 
    restrict :'A', 
    require:'ngModel', 
    link : function(scope, elt, attrs, modelCtrl){ 

     modelCtrl.$parsers.push(function(value){ 
      var up = value.toUpperCase(); 

      modelCtrl.$setViewValue(up); 
      modelCtrl.$render(); 
      return up; 
     }) 


    } 
} 

}）

當我使用它與NG-最大長度指令驗證輸入字段，該行爲是很奇怪......

<input capitalize ng-model="c.myField1" ng-maxlength="3" name="myField1" />  

如果輸入3個以上的字符，輸入字段將被清除。爲什麼？

我不明白爲什麼，你想幫我解決這個問題嗎？

很明顯，在我從1.3rc1更新之前就沒問題。

這裏是小提琴例如：http://fiddle.jshell.net/dctf1p8e/4/

Answer 1

我有一個類似的問題，當我遷移。我下面的這條古道：

https://github.com/angular/angular.js/issues/9295

https://github.com/angular/angular.js/pull/9681

https://github.com/angular/angular.js/issues/9986

基本上，我的猜測是結合viewValue或setViewValue使用時有東西掉事物的$render側。

Answer 2

看來這是在$渲染（）調用一個合法的錯誤，檢查，如果modelValue調用之前是空.VAL（）（參見：https://github.com/angular/angular.js/issues/9156）

直到這個是固定的，你可以只添加ng-model-options="{allowInvalid: true}"哪裏您的指令正在追加或構建一個自定義指令，達到相同的結果（可能不需要考慮修復工作）。

如果您擔心不必要使用ng-model-options屬性，我會建議定期檢查（https://github.com/angular/angular.js/issues/9156）的狀態。