Validazione email in Angular

Allora, Angular ha già a disposizione tutta una serie di validatori per i form.

Ma non tutti sono proprio precisi a dire il vero.

Ed in effetti il validator standard per le email consente anche email tipo a@a, quindi senza il dominio.

Ma possiamo facilmente rimediare:

import {Component, OnInit} from '@angular/core';
import {FormControl, FormGroup, Validators} from '@angular/forms';

@Component({
    selector: 'app-fisica-new',
    templateUrl: './fisica-new.component.html',
    styleUrls: ['./fisica-new.component.scss']
})

export class FisicaNewComponent implements OnInit {

    frmCliente: FormGroup;

    constructor() {
    }

    ngOnInit(): void {
        this.frmCliente = new FormGroup({
            cl_email: new FormControl('', [
                Validators.email,
                Validators.required,
                Validators.pattern('^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$')
            ])
        });
    }

}

In sostanza abbiamo aggiunto una regex.

Enjoy!