栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

angularjs在文本框中强制大写

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

angularjs在文本框中强制大写

请参阅下面的另一个答案,该答案优于此答案。

此答案基于以下答案:如何在AngularJS的输入字段中自动大写第一个字符?。

我以为您想要的是一个解析器函数,如下所示:

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) { // see where the cursor is before the update so that we can set it back var selection = element[0].selectionStart; modelCtrl.$setViewValue(capitalized); modelCtrl.$render(); // set back the cursor after rendering element[0].selectionStart = selection; element[0].selectionEnd = selection;          }          return capitalized;        }        modelCtrl.$parsers.push(capitalize);        capitalize(scope[attrs.ngModel]); // capitalize initial value      }    };  });<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script><div ng-app="myApp">  <input type="text" ng-model="name" capitalize></div>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/415584.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号