2016-08-14 1 views
2

validateurs personnalisés ng valide que je suis en train de construire un formulaire avec validation personnalisés, voici un exemple:angulaire validation 2 forme avec classe

this.registrationForm= fb.group({ 
    dob: ['', Validators.required], 
    email: ['', Validators.compose([Validators.required, emailValidator])], 
    password: ['', Validators.required], 
    confirmPassword: ['', Validators.required], 
    firstName: ['', Validators.required], 
    lastName: ['', Validators.required] 
}, {validator: matchingPasswords('password', 'confirmPassword')}) 

j'ai qu'un seul problème - la classe css ng-invalide de la directive NgModel ne déclenchera pas pour le validateur personnalisé, quiconque a rencontré ce problème?

Répondre

1

dans le fichier CSS la classe 'ng-invalid' associée à [required] de sorte qu'elle ne se déclenche pas sans elle et le Validator personnalisé n'est pas 'required'. Par exemple:

<input required type=”text” ngControl=”username” />