如何autocapitalize输入字段？

问题描述

如何autocapitalize一个AngularJS表单元素在里面输入字段的第一个字符？

How to autocapitalize the first character in an input field inside an AngularJS form element?

我看到了jQuery的解决方案了，但相信这必须通过一项指令中AngularJS做不同。

I saw the jQuery solution already, but believe this has to be done differently in AngularJS by using a directive.

推荐答案

是的，你需要定义一个指令和定义自己的解析器功能：

Yes, you need to define a directive and define your own parser function:

myApp.directive('capitalizeFirst', function($parse) {
   return {
     require: 'ngModel',
     link: function(scope, element, attrs, modelCtrl) {
        var capitalize = function(inputValue) {
           if (inputValue === undefined) { inputValue = ''; }
           var capitalized = inputValue.charAt(0).toUpperCase() +
                             inputValue.substring(1);
           if(capitalized !== inputValue) {
              modelCtrl.$setViewValue(capitalized);
              modelCtrl.$render();
            }         
            return capitalized;
         }
         modelCtrl.$parsers.push(capitalize);
         capitalize($parse(attrs.ngModel)(scope)); // capitalize initial value
     }
   };
});

HTML

<input type="text" ng-model="obj.name" capitalize-first>

这篇关于如何autocapitalize输入字段？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！