自定义电子邮件指令Angular 7

Question

我是新手。我想创建一个表单供用户选择自己的电子邮件地址。我想创建一个指令，允许用户输入字母数字字符“。”。或“-”，不允许其他字符。你有例子吗？

Answer 1

您可以使用angular内置的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 />