現在、angular2 を使用した検証に取り組んでいます。HTML5 の電子メールとウェブサイトのバリデーターとvalidngModel のプロパティに問題があります。
例えば：
<form #form="ngForm">
<input type="email" #email="ngModel" [(ngModel)]="contact.email" name="email" >
<button [disabled]="!form.form.valid" type="submit">Btn</button>
入力したすべての単語は問題ありません。#email.validHTML5 バリデータが存在しないかのように true のままです。
{{#email.valid}} %%% true
したがって、フォームのボタンは常に有効になっています。しかし、ボタンを押すと、電子メール フィールドが無効であることを示す HTML 警告が表示されるため、検証は機能していますが、#email.validそれでも有効です。