How can you limit the value from input using AngularJS?

by

Can always make a directive for it:

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">

More Related Contents:

  1. angular ng-bind-html and directive within it
  2. How to call a method defined in an AngularJS directive?
  3. How to use a keypress event in AngularJS?
  4. Angular directives – when and how to use compile, controller, pre-link and post-link [closed]
  5. Angularjs dynamic ng-pattern validation
  6. Easiest way to pass an AngularJS scope variable from directive to controller?
  7. Using angularjs filter in input element
  8. if a ngSrc path resolves to a 404, is there a way to fallback to a default?
  9. How to autocapitalize the first character in an input field in AngularJS?
  10. Enable angular-ui tooltip on custom events
  11. How to understand the `terminal` of directive?
  12. Custom form validation directive to compare two fields
  13. AngularJS : ng-repeat filter when value is greater than
  14. AngularJS Group By Directive without External Dependencies
  15. How to modify scope from within a directive in AngularJs
  16. Binding variables from Service/Factory to Controllers
  17. How to use “ng-repeat” within template of a directive in Angular JS?
  18. AngularJS custom form component / directive using ng-model
  19. How to set the dynamic controller for directives?
  20. Can you change templateUrl on the fly?
  21. Pass form to directive
  22. Enable/Disable Anchor Tags using AngularJS
  23. What is `priority` of ng-repeat directive can you change it?
  24. Illegal use of ngTransclude directive in the template
  25. Understanding the transclude option of directive definition?
  26. ng-click doesn’t work within the template of a directive
  27. How to create a directive with a dynamic template in AngularJS?
  28. Access Parent Scope in Transcluded Directive
  29. creating a new directive with angularjs
  30. AngularJS – Directives vs Controllers

Leave a Comment