1

hola soy nuevo en angular tengo la versión 5 y estoy tratando de hacer una validación que verifique si un dato esta registrado en al base de datos el detalles esta es que cuando se ejecuta la validación no se interpreta el mensaje de error creo que es un problema de como el servicio devuelve la validación este es el codigo que estoy usado.

rutExistValidator(): ValidatorFn {
  return (control: AbstractControl): { [key: string]: any } => {
    return this.apiValiRut(control.value).subscribe(data => {
       this.datos = data;
       if (this.datos.process) {
         return { 'rutExist': { value: control.value } };
       }
    });
  }
}

y el error se muestra así.

<div *ngIf="form.controls['rut'].errors.rutExist">
  * este rut ya existe
</div>

Si alguien puede orientar seria de mucha ayuda gracias.

1 respuesta 1

1

Puesto que el validador es asíncrono, no puede devolver otra cosa que no sea un Observable. Tal y como lo tienes escrito no funciona, debería ser algo como:

rutExistValidator(): ValidatorFn {
  return (control: AbstractControl): Observable<[key: string]: any }> => 
    this.apiValiRut(control.value).map(data => {
       if (data.process) {
         return { 'rutExist': { value: control.value } };
       }
       return null;
    });
  }
}

Y, cuando lo asignes como validador al form, tienes que hacer un .bind(this) para que pueda llamar a tu método apiValiRut. Además, los validadores asíncronos se declaran en un array aparte de los validadores síncronos: formBuilder.group({ rut: ['',[<validadores>],[<validadores asincronos>]

1
  • Gracias amigo resolvi el problema con la solucion que me enviaste. el 16 may. 2018 a las 20:12

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.