Angular 2 ngModel returned [object]

Question

イオン2プロジェクトでAngular 2を使い始めました。私もユーザー名とパスワードを入力してはconsole.logにパスワードを使用してデータにアクセスしようとすると、私はオブジェクトに

export class LoginPage { 
    user: User; 
    local: Storage; 
    loginData = { Email: null, Password: null}; 

    login() { 
    console.log(this.loginData); 
    } 
} 

を持っているバックエンドで

<ion-list> 
    <ion-item></ion-item> 
    <ion-item> 
     <ion-label fixed>Email</ion-label> 
     <ion-input [(ngModel)]="loginData.Email" type="text" value=""></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label fixed>Password</ion-label> 
     <ion-input [(ngModel)]="loginData.Password" type="password"></ion-input> 
    </ion-item> 
    </ion-list> 

：私はシンプルなログインフォームを持っています同じことでthis.loginData.Password = String(this.loginData.Password);結果のようなものをしようと

Object {Email: "email - removed", Password: "[object Object]"} 

：として表示されます。

これもconsole.log(JSON.stringify(this.loginData.Password));

Answer 1

問題がngModelが引数として補間を受け入れていないことである同じ事になります。

ngModel Documentation

あなたのコードは次のようになります。これがうまく動作するようです

<ion-input [(ngModel)]="loginData.Password" type="password"></ion-input> 

：

<input type="text" [(ngModel)]="loginData.Email" > 


<input type="password" [(ngModel)]="loginData.Password" > 

<button (click)="login()">login</button> 

はログイン：

loginData = { Email:null, Password: null}; 

login() { 
    console.log(this.loginData); 
} 

Answer 2

私は見つけることができましたa回避策。私はなぜこれが動作するのか分からないのですが、値をこのように保存すると、

Email: string; 
    Password: string; 

オブジェクトにはうまくいきません。