Can't bind to 'email' since it isn't a known property of 'ion-input'

I tried to add email validation with this:

                <ion-input type="email" placeholder="Email" [email]="true" name="email" [(ngModel)]="" #email="ngModel" required></ion-input>
                {{email.errors | json}}
              <div *ngIf="email.errors && (email.dirty || email.touched)"
                   class="alert alert-danger">
                <div [hidden]="!">
                  Name cannot be more than 20 characters long.

but I get this error:


The error message even shows you where the problem is…

It is not obvious for me


tells angular to validate the input as email

But this doesn’t exist on <ion-input> per the error message.

No it doesn’t. Please read the documentation.

1 Like

see last example?

That’s for Angular’s input. Your code uses ion-input.

1 Like

so how do i do it with ion-input?

1 Like