tengo este codigo:

 this.form = fb.group({ username: ['', Validators.compose([Validators.required])], fullName: ['', Validators.compose([Validators.required])], password: ['', Validators.compose([Validators.required])], confirmPassword: ['', Validators.required], }, {validator: matchingPasswords('password', 'confirmPassword')});

Contraseñas coincidentes:

 export function matchingPasswords(passwordKey: string, passwordConfirmationKey: string) { return (group: FormGroup) => { let password = group.controls[passwordKey]; let passwordConfirmation = group.controls[passwordConfirmationKey]; if (password.value !== passwordConfirmation.value) { return passwordConfirmation.setErrors({mismatchedPasswords: true}) } }

}

html:

 <div class="form-group"> <input [formControl]="confirmPassword" class="form-control checking-field" type="password"> <span class="help-block text-danger" *ngIf="form.get('password').touched && form.get('password').hasError('required')"> </div> <div class="form-group"> <input class="custom-control-input checkbox-main" type="checkbox" [(ngModel)]="policyButtonValue" [ngModelOptions]="{standalone: true}" ngDefaultControl> <span class="custom-control-indicator"></span> </div>

esto es funcional y funciona perfectamente, pero tengo un caso de uso especial que debería solucionarse.

1. haga clic en el primer campo de contraseña.
2. complete una contraseña, por ejemplo: "foo"
3. haga clic en el campo de confirmación de contraseña.
4. tpye en lo mismo, ej.:"foo" hasta este punto, sin problemas.
5. escriba algo diferente en el campo de confirmación de contraseña, por ejemplo: "foobar" (en este punto, el validador muestra que hay un error aquí)
6. haga clic en el campo de contraseña
7. escriba lo mismo que está en el campo de contraseña: "foobar" y aquí, el campo de confirmación de contraseña sigue siendo inválido, hasta que el campo de contraseña pierde el foco... ¿Hay alguna manera de forzar la ejecución de la validación de la contraseña coincidente en el evento keyup, en lugar de cómo funciona ahora?