如何使用AngularJS限制输入的值?

前端之家收集整理的这篇文章主要介绍了如何使用AngularJS限制输入的值?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在寻找将输入值限制为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">
原文链接:https://www.f2er.com/angularjs/143238.html

猜你在找的Angularjs相关文章