AngularJS - 變換輸入值和有角度反映變化做出

Question

當我輸入一個用戶輸入文本我想

1. 移除所有的空格
2. 化妝輸入的文本小寫
3. 有看法改變成上述反映輸入值更改

我寫了一個小的指令來處理小寫和它看起來不錯，但就像廢話

angular.module("app").directive "toLowercase", function() 
{ 
    return { 
     require: "ngModel", 
     link: function(scope, element, attrs, ngModel) 
     { 
      ngModel.$parsers.unshift(function(viewValue) 
      { 
       var val = (viewValue || "").toLowerCase(); 
       element.val(val); 
       return val; 
      }); 
      ngModel.$formatters.unshift(function() 
      { 
       return ngModel.$modelValue.toLowerCase(); 
      }); 
     } 
    } 
} 

使用演示：http://jsfiddle.net/tr2jhb8t/ 這似乎與空白的問題，並且光標在輸入場工程時髦的（因爲我代替我估計值）。

任何人都做過這樣的事情嗎？

Answer 1

您需要重新格式化功能onblur原因ngModel將觸發每個的keydown

綁定看到https://code.angularjs.org/1.3.0/docs/api/ng/directive/ngBlur