How to edit an input value when it exceeds the limit using angularjs

Question

<input id="myid" type="number" ng-model="maxVal" ng-change="maxValCheck()"
       max="5" min="1" value="1"/>

in the controller

$scope.maxVal;
$scope.maxValCheck = function() {
    if($scope.maxVal> 5) {
        $scope.maxVal= 5;
    }
}

I want to change the value of input field to 5 when it is more than 5.But it does not work. What am I doing wrong? And is there a better way you suggest to do this?

mustafa kamal · Accepted Answer · 2019-06-25 20:17:36Z

1

Better to use directive.

Example :

<input limit-to="5" type="number"  ng-model="maxVal" >

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 > limit) e.preventDefault(); }); } } }]);

edited Jun 25, 2019 at 20:17

answered Jun 25, 2019 at 20:12

mustafa kamal

891 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

georgeawg Over a year ago

There is no need to wrap the elem argument in angular.element. It already is a jq-like argument.

Collectives™ on Stack Overflow

How to edit an input value when it exceeds the limit using angularjs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related