Get all validation errors for Angular FormGroup

get-form-validation-errors.ts

import { FormGroup, ValidationErrors } from '@angular/forms';

export function getFormValidationErrors(form: FormGroup) {

  const result = [];
  Object.keys(form.controls).forEach(key => {

    const controlErrors: ValidationErrors = form.get(key).errors;
    if (controlErrors) {
      Object.keys(controlErrors).forEach(keyError => {
        result.push({
          'control': key,
          'error': keyError,
          'value': controlErrors[keyError]
        });
      });
    }
  });

  return result;
}

You might want to remove that space after the key "control " (drove me crazy)

wow! that's evil! 😄

(fixed)

Thanks. I needed support for nested forms so I forked your gist.
https://gist.github.com/domagoj03/befeb17c17ff3ede2d36b8f59f0ad6a6
It can even be modified to namespace errors depending on form but right now this seems sufficient.

Useful, thanks !

This is the best. I have so many nested components it's a pain to hunt down errors.

I got some compilation errors so I added:

      interface ControlErrorValue {
          control: string;
          error: string;
          value: string;
      }
     (...)
      const result: ControlErrorValue[] = [];