How to validate email address inside md-input in Angular 2

I have this Angular 2 form with md-input element inside:

<form noValidate (ngSubmit)="onSubmit(resetPasswFg)" [formGroup]="resetPasswFg" style="width:400px;border:1px solid black; ">
<table style="width:400px;">
<tr>
<td>
<md-input class="input" mdInput placeholder="Email" type="email" formControlName="email">
<md-hint class="input_error" *ngIf="resetPasswFg.get('email').hasError('required') && resetPasswFg.get('email').touched">
Email required
</md-hint>
</md-input>
</td>
</tr>
<!-- Other elements -->
</form>


and this is my validator inside component:

ngOnInit() {
this.resetPasswFg = new FormGroup({
email: new FormControl('', [Validators.required, Validators.required ])
})
}


Now, if email field is not populator, md-hint appears correctly.

Now, I would that md-hint appear also if email md-input doesn't contain a well formed email address.

How can I do?

Continue reading...