如何使用AngularJS限制输入的值?
发布时间:2020-12-17 07:49:33 所属栏目:安全 来源:网络整理
导读:我正在寻找将输入值限制为4并将4位数值加到我的控制器的方法. input type="number" class="form-control input-lg" ng-model="search.main" placeholder="enter first 4 digits: 09XX" {{ search.main | limitTo:4}} 可以随时给出一个指令: app.directive("
我正在寻找将输入值限制为4并将4位数值加到我的控制器的方法.
<input type="number" class="form-control input-lg" ng-model="search.main" placeholder="enter first 4 digits: 09XX"> {{ search.main | limitTo:4}}
可以随时给出一个指令:
app.directive("limitTo",[function() { return { restrict: "A",link: function(scope,elem,attrs) { var limit = parseInt(attrs.limitTo); angular.element(elem).on("keypress",function(e) { if (this.value.length == limit) e.preventDefault(); }); } } }]); <input limit-to="4" type="number" class="form-control input-lg" ng-model="search.main" placeholder="enter first 4 digits: 09XX"> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |