如何从html获取输入到.ts?

时间:2017-05-15 13:09:55

标签: ionic-framework ionic2

我是离子初学者,我正试图将用户输入推送到Firebase,

在我的html文件中:

<ion-item>
      <ion-label>E-mail </ion-label>
      <ion-input type="email" value="" placeholder="Type your e-mail"></ion-input>
    </ion-item>

我有输入文本字段,但我在ts文件中处理firebase操作,如何将此输入值发送到我的ts文件以便我可以推送它?

1 个答案:

答案 0 :(得分:2)

在组件类文件(你称之为ts文件)中,你可以添加一个类成员,让我们称之为email

@Component({
...
})
export class MyComponent {
 private email: string;
}

您可以使用ngModel

将其绑定在模板中
<ion-item>
      <ion-label>E-mail </ion-label>
      <ion-input [(ngModel)]="email" type="email" value="" placeholder="Type your e-mail"></ion-input>
</ion-item>