1

Estoy realizando con Angular 10 una validación asíncrona para ver si un usuario existe ya en la base de datos y, en ese caso, devolver un mensaje de error indicando que el usuario no está disponible.

Pero cuando me pongo a teclear el usuario me salta el siguiente error:

ERROR TypeError: this is undefined
    usuarioExiste alta-usuario.component.ts:177
    ZoneAwarePromise Angular
    usuarioExiste alta-usuario.component.ts:175
    Angular 38
    AltaUsuarioComponent_Template alta-usuario.component.html:13
    Angular 13
    RxJS 72

He revisado mi código y no veo nada raro. ¿Me podríais decir por qué se está produciendo este error?

  • Forma de declarar mi validación:
formAlta = this.formBuilder.group({
      usuario: ['', , this.usuarioExiste],
      contrasena: ['', Validators.required],
      contrasena2: ['', Validators.required],
  • Método que tiene la validación:
interface ErrorValidate {
  [s:string]: boolean
}

 /* Validaciones asíncronas: Verifica que el usuario no exista en la BBDD */
  usuarioExiste(control: FormControl): Promise<ErrorValidate> {

    if(!control.value) {
      return Promise.resolve(null);
    }

    return new Promise( resolve => {
      // Llamamos al backend para ver si existe el usuario
      this.auth.buscarUsuario(control.value).subscribe(
          resp => {
            // Devolvemos el error
            resolve({existe: true})
          },
          error => {
            // La validación pasa correctamente
            resolve(null)
          });            
    });
  }
  • Método con el servicio invocado al servicio REST:
buscarUsuario(usuario: string): Observable<any>{
     return this.http.get(`${environment.url}/usuarios/${usuario}`);
  }

Muchas gracias.

1 respuesta 1

0

Por lo que se puede leer en el mensaje el error esta al llamar al validador "this.usuarioExiste" que he de suponer que lo tendrás en forma de servicio, angular te dice que dicho servicio es undefined, Asegúrate de haberlo importado bien en el constructor y de pasarle un formControl cuando llames al validador ya que dicha función requiere de uno.

4
  • tengo el validador en el mismo servicio que el otro codigo
    – Antonio U.
    Commented el 19 oct. 2020 a las 6:24
  • Hola. Debugueando he visto que el problema está en que si hago un console.log de this es undefined, es decir el this ha perdido su referencia al metodo post y no llega a hacer la llamada this.auth.buscarUsuario(control.value).subscribe
    – Antonio U.
    Commented el 21 oct. 2020 a las 22:24
  • ¿Cómo podría solucionarlo? He intentado de todo, he googleado y no encuentro como solucionar este problema. El this ya me llega como undefined nada más entrar en el método, he intentado pasarle una referencia a this desde fuera y nada
    – Antonio U.
    Commented el 26 oct. 2020 a las 18:10
  • Para que no se pierda el this declara tu método como buscarUsuario = (usuario: string): Observable<any> => { return this.http.get(${environment.url}/usuarios/${usuario}); }
    – Xhulian
    Commented el 7 nov. 2020 a las 20:55

Tu Respuesta

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

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