在Ionic框架中如何获取<ion-input>的值？

Question

我想获取以下输入元素的值，我应该怎么做？

  <ion-item>
    <ion-label floating>Username</ion-label>
    <ion-input type="text" ></ion-input>
  </ion-item>

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

- lalit jadhav

Answer 1

我知道一些关于Ionic 2的内容...所以我建议您像下面这样使用ng model来处理输入:

<ion-item>
    <ion-label floating>Username</ion-label>
    <ion-input type="text" [(ngModel)]="username"></ion-input>
  </ion-item>

  <ion-item>
    <ion-label floating>Password</ion-label>
    <ion-input type="password" [(ngModel)]="password"></ion-input>
  </ion-item>
</ion-list>

对于ionic one，使用ng-model

对于ionic two，使用[(ngModel)]

希望这能帮助你一点点。

更新

https://ionicframework.com/docs/v2/resources/forms/

请查看上面的链接。在其中，他们在logform函数内使用了this.todo。我明白这一点，但我不知道那个export class bla bla是什么意思。

export class FormsPage {
  todo = {}
  logForm() {
    console.log(this.todo)
  }
}

- Sa E Chowdary

---

好的，我已经得到了ng-model的版本差异，但现在请告诉我如何使用[(ngModel)]="username"？ - lalit jadhav

就像我说的，我只知道一点点......通过谷歌搜索，我知道我们可以使用 this.username 访问组件......但是非常抱歉，我不知道这是做什么用的。 - Sa E Chowdary