angularjs - 如何在 ionic 框架中获得 <ion-input> 的值？

Question

这个问题在这里已经有了答案:





ionic getting textbox value

(3 个回答)


4年前关闭。




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

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

Answer 1

好吧，我对 ionic 2 有所了解....所以我建议您使用 ng 模型进行如下输入

<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 之一，它的 ng-model

对于 ionic 二它的 [(ngModel)]

希望这会对你有所帮助

更新

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

看到上面的链接..在这个他们在 logform 函数中使用了 this.todo..

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