1

Tengo un problema, quiero mostrar un mensaje de error en el HTML mostrando que ya existe ese id del empleado pero no logro hacerlo, mi idea era hacer un if y dependiendo el error mostrar el mensaje pero no logro hacerlo, estoy trabajando el backend con Laravel y MySQL.

TS

onSubmit() {
  this.Jarwis.addpersonal(this.personal).subscribe(data => {
    this.messageService.add({ key: 'success', severity: 'success', detail: 'Personal agregado' });
    setTimeout(() => { window.history.back(); }, 1000);
  }, error => this.onlyerrors(error)      
  );
}

onlyerrors(error: any) {
  console.log(error);
}

Mensaje:

introducir la descripción de la imagen aquí

2
  • El código debe ir como texto por favor. ;)
    – Israel-ICM
    Commented el 22 feb. 2021 a las 18:10
  • ya elimine la imagen y lo puse en codigo :) Commented el 22 feb. 2021 a las 18:14

1 respuesta 1

1

Hay varias formas de lograr lo que buscas.

Por ejemplo, si quisieras mostrar un mensaje de error sobre el formulario.

Podrías tener el siguiente HTML.

<div [hidden]="!requestFailed">
   <small>{{ error }}</small>
</div>

Luego, en el controlador, debes tener dos variables públicas, requestFailed y error.

Y al momento de capturar el error podrías hacer lo siguiente.

error: string;
requestFailed: boolean;
...

this.Jarwis.addpersonal(this.personal).subscribe(data => {
    // Código
}, res => {
    this.requestFailed = true;
    this.showError(res);
});

...
showError(res: any) {
    // Si el error es que ya existe ese id de empleado, mostrar el mensaje apropiado
    // Una forma es manejar códigos de error
    
    this.error = 'El id de empleado está repetido';
}
3
  • lo trate de hacer y me dice que res.error.code es undefined Commented el 22 feb. 2021 a las 18:36
  • Eso era un ejemplo porque depende de como este estructurado tu backend. Sin embargo, con lo que muestras no veo una forma fácil de distinguir los tipos de errores que se pueden presentar. Otra opción sería comparar el mensaje que devuelves, pero no me parece lo más ideal.
    – JhonRM
    Commented el 22 feb. 2021 a las 18:38
  • 1
    ya lo pude resolver, segui tu consejo con como estaba estructurado mi backend entonces busque y no puse las reglas en el request puse public function rules() { return [ 'id_empleado' => 'required|unique:personales' ]; } Commented el 22 feb. 2021 a las 20:07

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.