type ="email" is valid in angular 2?

Question

<input type ="email" name="myEmail">

In anuglar 1 it has error and could achive soomthing like this ( myForm.myEmail.$error.email)if it is not correct email id but it is not in case of Angular 2 , how to validate it in angular 2 ?

Take a look at this post: http://stackoverflow.com/questions/34072092/generic-mail-validator-in-angular2 — Alan Jurczak, Sep 30 '16 at 11:23

score 1 · Answer 1 · answered Dec 29 '17 at 08:38

<input type="text" class="form-control" placeholder="Enter Email" [(ngModel)]="notificaion.mail_cc1" name="mail_cc1" maxlength="250" email #cc1='ngModel'>

then you can add conditional class or error

[ngClass]="{'has-success':(notificationForm.submitted || cc1.dirty) && cc1.valid,
                  'has-error': (notificationForm.submitted || cc1.dirty) && cc1.invalid}"

type ="email" is valid in angular 2?

1 Answers1