如何自动资源化AngularJS中的输入字段中的第一个字符？

发布时间：2020-12-17 09:01:29 所属栏目：安全来源：网络整理

导读：如何自动资源化AngularJS表单元素中的输入字段中的第一个字符？我看到了jQuery解决方案已经，但相信这必须做不同的AngularJS通过使用指令。是的，你需要定义一个指令并定义自己的解析器函数： myApp.directive('capitalizeFirst',function($parse) { retur

如何自动资源化AngularJS表单元素中的输入字段中的第一个字符？

我看到了jQuery解决方案已经，但相信这必须做不同的AngularJS通过使用指令。

是的，你需要定义一个指令并定义自己的解析器函数：

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>

Fiddle

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!