Form validation does not update errors Reactive Forms Angular

The email field is required and when filling it in, errors continue to appear in the field.

this.dataForm = this.formBuilder.group({
email: new FormControl('', {
validators: [ Validators.email, Validators.required ],
asyncValidators: [ usernameValidator(this.usersService) ],
// updateOn: 'change',
})
});


Email field filled in and with error message

Image of email field HTML

Note: It does not give an error message in either the console or the terminal.

Continue reading...