微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何自动资源化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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐