HTML5电子邮件验证和angular2一起工作吗？

Question

我目前正在使用angular2进行验证。我在HTML5电子邮件和网站验证器以及valid ngModel的属性方面遇到了一些问题。

例如：

<form #form="ngForm">
    <input type="email" #email="ngModel" [(ngModel)]="contact.email" name="email" >
    <button [disabled]="!form.form.valid" type="submit">Btn</button>

我输入的每个字都很好。 #email.valid仍然存在，就像没有HTML5验证器一样：

{{#email.valid}} %%% true

因此表单的按钮始终处于启用状态。但是当我点击按钮时，HTML警告会显示电子邮件字段无效，因此验证工作正常，但#email.valid它仍然是正确的。

是否可以将angular2的ngModel指令与HTML5验证器一起使用？

Answer 1

是的，你可以同时使用它们，你可以像这样使用它们

Stored Procedure