Angular Clear form control errors

Question

How to clear the errors on form control. I have a method that tries to clear the errors on the form control but in vain.

this.form.controls[ 'postalCode' ].setErrors(null);

The form control name is postalCode and when I set the error to null, it doesn't remove the error from that control.

Answer 1

To clear all the errors

this.form.get('postalCode').setErrors(null);

To clear by its key

this.form.get('postalCode').setErrors({key: null});
this.form.get('postalCode').updateValueAndValidity(); //may need this in child components