Question

使用Angular 2和Typescript构建新手，我正在尝试做一些我经常做的事情，否则就是从输入表单收集信息，在这种情况下是电子邮件。

现在我无法使用var x = document.getElementById("email").value;，因为Typescript发出了错误，因此我转而使用了var x = (<HTMLInputElement>document.getElementById("email")).value;，但现在我得到了undefined，我的HTML就是这样：

 <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>

任何人都知道为什么？

Answer 1

您应该使用view child来获取元素而不是纯js。 E.g

@(ViewChild) yourElement;

在你的html中，而不是id传递#yourElement，你应该能够访问该元素的值。

获取Ionic 2，Typescript，Angular2

1 个答案: