Skip to content

Instantly share code, notes, and snippets.

Embed
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 => {
result.push({
'control': key,
'error': keyError,
'value': controlErrors[keyError]
});
});
}
});
return result;
}
@lipownski

This comment has been minimized.

Copy link

commented Jul 19, 2019

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

@JohannesHoppe

This comment has been minimized.

Copy link
Owner Author

commented Jul 19, 2019

wow! that's evil! 😄

(fixed)

@domagoj03

This comment has been minimized.

Copy link

commented Oct 14, 2019

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.