自定义电子邮件指令Angular 7

Question

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

Answer 1

你可以使用angular的内置EmailValidator https://angular.io/api/forms/Validators#email

对于反应形式

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

for Template Drive Forms（

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