Criei a seguinte diretiva, para quando um usuário digitar no input ser convertido para maiúsculo, porém, quando preciso editar esse campo para inserir uma palavra no meio do que já tinha digitado ele joga o cursor do mouse no final da palavra do input.
Ex: Teste0 Teste2 Quando vou inserir uma outra palavra Teste0 Teste1 Teste2 ele joga o curso para o final de Teste2 ficando Teste0 Teste2Teste1.
return {
require: 'ngModel',
link: function(scope, element, attrs, modelCtrl) {
var capitalize = function(inputValue) {
if(inputValue === undefined) inputValue = '';
var capitalized = inputValue.toUpperCase();
if(capitalized !== inputValue) {
modelCtrl.$setViewValue(capitalized);
modelCtrl.$render();
}
return capitalized;
};
modelCtrl.$parsers.push(capitalize);
capitalize(scope[attrs.ngModel]); // capitalize initial value
}
};