switch on angularjs validation from directive

Question

the standard angularjs validation just works:

<form name="myForm"><input name="name" ng-model="name" ng-minlength="10"/></form>

but I can not turn it on from my directive:

<form name="myForm"><input name="name" ng-model="c.name" dynval /></form>

.directive('dynval', function () {
  return {
    require: 'ngModel',
    link: function ($scope, element, attr, ctrl) {
      attr.$set('ng-minlength', 100);
    }
  };
});

I haven't tested this but have you tried attr.$set('ngMinlength',100); — m.e.conroy
– m.e.conroy, Commented Sep 18, 2013 at 13:17

Jesus Rodriguez · Accepted Answer · 2013-09-18 13:26:20Z

1

Two things.

One: you need to set it using camelCase, attr.$set('ngMinlength', 100);

Second: Since you're modifying the element, do it on the compile function.

Here is a live plunk

answered Sep 18, 2013 at 13:26

Jesus Rodriguez

12k9 gold badges66 silver badges89 bronze badges

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

1 Comment

Gabor Dolla Over a year ago

thanks! any idea why the form is valid when the input field is empty ?

Collectives™ on Stack Overflow

switch on angularjs validation from directive

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