Angular 12 References/ Forms
🍀 Angular References

[email] validation directive

A directive that adds the email validator to controls marked with the email attribute. The directive is provided with the NG_VALIDATORS multi-provider list.

Adding an email validator

The following example shows how to add an email validator to an input attached to an ngModel binding.

<input type="email" name="email" ngModel email>
<input type="email" name="email" ngModel email="true">
<input type="email" name="email" ngModel [email]="true">


@Input() set email(value: boolean|string)

Tracks changes to the email attribute bound to this directive.


validate(control: AbstractControl): ValidationErrors|null

Method that validates whether an email address is valid. Returns the validation result if enabled, otherwise null.


registerOnValidatorChange(fn: () => void): void

Registers a callback function to call when the validator inputs change.