Angular.js $setValidity onload Page

Question

• Setting:

  I have a form with 3 steps, a jsp for each step. In a given jsp there is a input text with the directive ng-minlength and a onChange calling a function that validates with the $setValidity if the given value is invalid.

• Problem:

  When the field is invalid and the navigation occurs between the steps, when returning to the stage the field loses the invalid status. As a solution, I tried to validate the field when loading the page but error occurs when executing the code below because the form has not been loaded yet:

  $scope.form.numeroCartao.$setValidity("valid", true);

• Question:

  How to validate a field with the $setValidity when loading the page?

Answer 1

Instead of setting the field value using the value input, load the value in ng-model.

Instead of doing this:

<input type="text" ng-minlenth="10" ng-model="teste" value="${ vdo.teste }"/>

Do it:

<form ng-init="teste = '${ vdo.teste }';">
...
<input type="text" ng-minlenth="10" ng-model="teste"/>

Another... don’t listen to the native event onChange element, with Angular the ideal is to use the directive on-change, or create a $watch on your controller.