Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Get all validation errors for Angular FormGroup
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 => {
'control': key,
'error': keyError,
'value': controlErrors[keyError]
return result;

This comment has been minimized.

Copy link

@stossenbrink stossenbrink commented Jul 19, 2019

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


This comment has been minimized.

Copy link
Owner Author

@JohannesHoppe JohannesHoppe commented Jul 19, 2019

wow! that's evil! 😄



This comment has been minimized.

Copy link

@domagoj03 domagoj03 commented Oct 14, 2019

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment