Angular Reactive Forms: Log de todos los errores

El siguiente método permite “loguear” todos los errores del formulario para propósitos de debug

logValidationErrors(formGroup: AbstractControl) { //log de errores del formulario
    Object.keys(formGroup.controls).forEach(key => {

      const control = formGroup.get(key);

      if(control instanceof FormGroup ) console.log("FormGroup " + key);

      if(control instanceof FormArray ) {
        console.log("FormArray " + key);

        for (let i = 0; i < control.controls.length; i++){
          console.log("+ index " + i);
          this.logValidationErrors(control.controls[i]);
        }
      }

      const controlErrors: ValidationErrors = formGroup.get(key).errors;
      if (controlErrors != null) {
        Object.keys(controlErrors).forEach(keyError => {
          console.log('* ERROR: ' + key + ' - ' + keyError + ':' + controlErrors[keyError]);
        });
      }
    });
  }

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *