Probleme mit dem Kennwortabgleich mit Angular Auto Validate

Question

Versucht, Angular Auto Validate's Kennwortübereinstimmungs-/Bestätigungsbeispiel in ein Formular zu integrieren. Ich bekomme keine Fehler, aber der Passwort-Übereinstimmungscode tritt nicht ein. Was ist der einfachste Weg, um das zu beheben? Was mache ich falsch?

Here's a plunkr of my code

Hier ist das Passwort passenden Code, den ich zu integrieren bin versucht:

function ConfirmPasswordValidatorDirective(defaultErrorMessageResolver) { 
    defaultErrorMessageResolver.getErrorMessages().then(function (errorMessages) { 
     errorMessages['confirmPassword'] = 'Please ensure the passwords match.'; 
    }); 

    return { 
     restrict : 'A', 
     require : 'ngModel', 
     scope : { 
      confirmPassword : '=confirmPassword' 
     }, 
     link : function(scope, element, attributes, ngModel) { 
      ngModel.$validators.confirmPassword = function(modelValue) { 
       return modelValue === scope.confirmPassword; 
      }; 

      scope.$watch('confirmPassword', function() { 
       ngModel.$validate(); 
      }); 
     } 
    }; 
} 

ConfirmPasswordValidatorDirective.$inject = [ 
    'defaultErrorMessageResolver' 
]; 

Here's a plunkr Winkel-Auto-Validate-Passwort passenden Code zu arbeiten.

Answer 1

Nun, zunächst vergessen haben, die Richtlinie Ihrer Ansicht nach nennen, so sollten Sie es in Ihrem ConfirmPassword<input> umfassen:

confirm-password="formModel.password" 

Auch haben Sie die Richtlinie nicht in Ihrem erklärt JS Datei:

app.directive('confirmPassword', ConfirmPasswordValidatorDirective); 

Look: DEMO