Пользовательская директива электронной почты Angular 7

Question

Я новичок в угловой. Я хотел бы создать форму для пользователя, чтобы выбрать свой собственный адрес электронной почты. Я хотел бы создать директиву, которая позволяет пользователю вводить буквенно-цифровые символы "." или «-», не позволяя другим символам. У вас есть пример, пожалуйста?

Answer 1

вы можете использовать встроенный в EmailValidator угловой https://angular.io/api/forms/Validators#email

для реактивных форм

const control = new FormControl('bad@', Validators.email);

для шаблонов форм накопителей (

<input type="text" name="email" [(ngModel)]="model.property" #email="ngModel" required email />