我正在使用离子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');
}
}
答案 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>
因此,无论您在输入中输入什么内容,都会更新模型(您在组件中定义的属性密码)。然后它将提醒密码。