如何在离子上获取ngModel值?

Question

我正在尝试使用 ngModel 将输入值从 html 传递到 ts 文件。但是我得到一个错误。这是我的代码、错误和版本。

signup.html
<ion-content padding>
<ion-label color="black" stacked>Ad - Soyad</ion-label>
<ion-input type="text" id="name_surname"  [(ngModel)]="name" name='name'></ion-input>
<ion-label color="black" stacked>Kullanıcı Adı</ion-label>
<ion-input type="text" id="username" [(ngModel)]="username" name='username'></ion-input>
<ion-label color="black" stacked>Kullanıcı Mail Adresi</ion-label>
<ion-input type="email" id="email" [(ngModel)]="email" name='email'></ion-input>
<ion-label color="black" stacked>Kullanıcı Şifresi</ion-label>
<ion-input type="password" id="password" [(ngModel)]="password" name='password'></ion-input>
<ion-label color="black" stacked>Kullanıcı Şifresi - Tekrardan</ion-label>
<ion-input type="password" id="password_control" [(ngModel)]="password_control" name='password_control'></ion-input>
<ion-label color="black" stacked>Kullanıcı Tipi</ion-label>
<ion-input type="text" id="type" [(ngModel)]="type" name='type'></ion-input>
<button ion-button full (click)='signupHTTP()' id="signupButton">Giriş Yap</button>
</ion-content>

这是我的 ts 文件

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Observable } from 'rxjs/Observable';
import { HttpClient } from '@angular/common/http';

import { RequestServiceProvider } from '../../providers/request-service/request-service';

@IonicPage()
@Component({
selector: 'page-signup',
templateUrl: 'signup.html',
})
export class SignupPage {
constructor(public navCtrl: NavController, public navParams: NavParams, public httpClient: HttpClient, private requestService : RequestServiceProvider) {
}
signupHTTP(){
console.log(this.name);
}
}

错误屏幕截图

我的版本

Answer 1

你必须将这些变量定义为类的属性，它们不能凭空出现。

export class SignupPage {
name: string = 'initialName';
username: string = 'initialUserName';
...