无法检索离子输入值

Question

如何在Ionic 2中检索离子输入值？

在我的 example.html 中，我有：

<ion-input value="hello" type="text" id="ion1"></ion-input>

在 example.ts 中，我尝试了this（可能过时）问题：

let inputValue = (<HTMLInputElement>document.getElementById("ion1")).value;

但我在undefined控制台中获得google chrome。

Answer 1

您可以通过添加ion-input

为[(ngModel)]启用双向绑定

<ion-input>
  <ion-label>Enter text...</ion-label>
  <input type="text" [(ngModel)]="searchInput" />
</ion-input>

然后在Component类中，您可以为searchInput属性指定值。

其他方式是

<ion-input type="text" [(ngModel)]="searchInput"></ion-input>