How to validate Email Address in Angular?

 In Angular, you can use Reactive Forms to validate an email input field. Here's how you can do it:

1. Import the necessary modules and classes:

typescript
import { FormGroup, FormControl, Validators } from '@angular/forms';

2. Create a FormGroup with a FormControl for the email input:

typescript
emailForm = new FormGroup({
  email: new FormControl('', [Validators.required, Validators.email])
});

3. In the HTML template, bind the form controls to the input fields using the formControlName directive:

html
<form [formGroup]="emailForm">
  <label>Email</label>
  <input type="email" formControlName="email">
  <div *ngIf="emailForm.get('email').invalid && (emailForm.get('email').dirty || emailForm.get('email').touched)">
    <div *ngIf="emailForm.get('email').errors.required">
      Email is required
    </div>
    <div *ngIf="emailForm.get('email').errors.email">
      Please enter a valid email address
    </div>
  </div>
</form>

In the above HTML code, we are binding the email input field to the "email" form control using the formControlName directive. We are also using the *ngIf directive to display error messages if the email input is invalid and has been touched or modified by the user. The error messages are displayed based on the type of validation error.

With these steps, you can validate an email input field in Angular.

Angular, Angular Interview Question and Answers, Angular Tutorial