如何使用Angular formly自動填充全局輸入文件

Question

我想在用戶輸入時自動大寫輸入字段中的所有字母。是否有可能使用

formlyConfigProvider.setWrapper

有沒有什麼辦法在全球採用了棱角分明formly做的一樣嗎？

Answer 1

使用角度形式，只需在該字段添加watcher.listener即可。

ctrl.fields = [{ 
    key: 'lastname', 
    type: 'input', 
    templateOptions: { 
     label: 'Last name', 
     placeholder: 'Ex: PETERSON' 
    }, 
    watcher: { 
     listener: function(field, newValue, oldValue, formScope, stopWatching) { 
      console.log('watch lastname', arguments); 
      formScope.model.lastname = formScope.model.lastname.toUpperCase(); 
     } 
    } 
}, 
... 

Answer 2

好吧，我不擅長formlyConfigProvider.setWrapper，但我有一個很好的指令autocapitalise的輸入數據

angular 
    .module('myApp', []) 
    .directive('capitalize', function() { 
    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 
     } 
    }; 
    }); 

只需將該指令添加到輸入字段，我知道這是一些低劣的但工作很好