ng-maxlength not working for a variable

Question

I'm trying to use ng-maxLength directive to give a variable max-length for my inputs.

function ValidatorCtrl($scope, $timeout) {
  $scope.name = "Star";
  $scope.$metadata={};
  $scope.$metadata.isRequired = true;
  $scope.$metadata.maxLength=5;
}


     <input type="text" ng-model="name" ng-maxlength="$metadata.maxLength"   
ng-required="$metadata.isRequired" name="name" />

But it doesn't seems to be working as expected. When it is applied the model binding for the same variable is not working. Here is my plunker

If I remove ng-maxLength ng-required is going to work as expected , otherwise ng-required is also not working.

I think it's a bug github.com/angular/angular.js/issues/1405 if you put directly 5 it works it seems ng-maxlength="{{$metadata.maxLength}}" to work — Whisher
– Whisher, Commented Apr 2, 2014 at 10:54
ng-maxlength="{{$metadata.maxLength}}" seems to be working — Jayantha Lal Sirisena
– Jayantha Lal Sirisena, Commented Apr 2, 2014 at 10:59

yangli-io · Accepted Answer · 2014-09-18 01:55:45Z

2

ng-maxlength does not take scope values.
Traditionally ng-maxlength is used as such ng-maxlength="3". You can either add curly braces around your scope value or create a directive that binds scope value inside ng-maxlength.

answered Sep 18, 2014 at 1:55

yangli-io

17.4k8 gold badges43 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

ng-maxlength not working for a variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related