Come viene aggiunta la classe ng-invalid-parse al modulo

Question

Sto utilizzando una direttiva angolare personalizzata per la convalida di un campo in un modulo.

Quando una convalida non riesce, insieme all'errore personalizzato, la classe ng-invalid-parse viene aggiunta al campo.

È un comportamento normale? Se sì, cosa lo causa?

Answer 1

ng-invalid-parse viene aggiunto quando un parser restituisce un valore non definito, quindi non verrà chiamata alcuna convalida.

Maggiori informazioni: AngularJS docs

Answer 2

Trovato questo perché la mia convalida era corretta, ma la classe ng-invalid era ancora applicata perché ng-invalid-parse veniva applicato.

Nel mio caso (semplice) Ero Convalida un indirizzo IPv4, e semplicemente non era riuscito a restituire il valore:

angular.module('insightApp.directives').directive('ipInput', function() { 
    return { 
    restrict: 'A', 
    require: '?ngModel', 
    link: function (scope, elem, attrs, ctrl) { 
     if (!(ctrl)) { 
     return; 
     } 

     function ipValidator(ngModelValue) { 
     if (
      ngModelValue != '0.0.0.0' && 
      ngModelValue != '255.255.255.255' && 
      ngModelValue.match(/\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b/) 
     ) { 
      ctrl.$setValidity('ipValidator', true); 
     } else { 
      ctrl.$setValidity('ipValidator', false); 
     } 

     // Adding this return statement resolved the problem with "ng-invalid-parse" being added 
     return ngModelValue; 
     } 

     ctrl.$parsers.push(ipValidator); 
    } 
    } 
});