离子2获得离子输入值

时间:2017-05-15 19:50:06

标签: typescript input ionic2

我正在使用离子2创建登录。请不要回答"您只需要添加[(ngModules)] - 属性"。如果您认为这是解决方案,请解释原因。解释一下,就像你会对孩子一样。

login.ts 中的我的代码:

newObject

login.html

中的代码
 import {Component} from '@angular/core';
 import {IonicPage, NavController, NavParams, MenuController} from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
  password: string;

  constructor(public navCtrl: NavController, public navParams: NavParams, public menu: MenuController) {
    this.menu.enable(false, "");
  }

  login() {
    alert(this.password);
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad LoginPage');
  }
}

1 个答案:

答案 0 :(得分:6)

上述代码无效,因为您没有将输入元素绑定到登录组件中的任何属性。你必须使用角度数据绑定。

https://angular.io/docs/ts/latest/guide/template-syntax.html

请将您的代码更改为以下内容。

<ion-item no-padding>
      <ion-label color="primary">
        <ion-icon name="lock"></ion-icon>
      </ion-label>
      <ion-input [(ngModel)]="password" type="password" placeholder="Password"></ion-input>
    </ion-item>

因此,无论您在输入中输入什么内容,都会更新模型(您在组件中定义的属性密码)。然后它将提醒密码。