Get input form Ionic 2, Typescript, Angular2

Question

New to building with Angular 2 and Typescript, I'm trying to do something I do very frequently otherwise which is collect information from input form which in this case is the email.

Now I couldn't use var x = document.getElementById("email").value; because Typescript gave an error so I went and used this instead var x = (<HTMLInputElement>document.getElementById("email")).value; but now I get undefined, my HTML is as such:

 <div class="padding" style="text-align:center;">
    <ion-list>

      <ion-item>
        <ion-label floating>Email</ion-label>
        <ion-input type="text" id="email"></ion-input>
      </ion-item>

      <ion-item>
        <ion-label floating>Password</ion-label>
        <ion-input type="password"></ion-input>
      </ion-item>

    </ion-list>
 </div>

Anyone know why?

Jorawar Singh · Accepted Answer · 2017-05-06 16:07:43Z

1

You should use view child to get element instead of pure js. E.g

@(ViewChild) yourElement;

And in your html instead of id pass #yourElement and you should be able to access the value of that element.

answered May 6, 2017 at 16:07

Jorawar Singh

7,6414 gold badges29 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Olli Over a year ago

Not very well explained, however worked once I also read through this learnangular2.com/viewChild

Collectives™ on Stack Overflow

Get input form Ionic 2, Typescript, Angular2

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related