Angular 2 ngModel Rückkehr [object]

Question

Nur mit kantigen 2 auf einem ionischen 2-Projekt begonnen. Ich habe eine einfache Login-Formular:

<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> 

Auf dem Backend ich das Objekt

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

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

Als ich in den Benutzernamen und das Passwort eingeben müssen, wenn und versuchen, auf die Daten zuzugreifen ein console.log mit dem Passwort zeigt wie:

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

so etwas wie this.loginData.Password = String(this.loginData.Password); Ergebnisse in der gleichen Sache Versuch.

Dies führt auch in der gleichen Sache console.log(JSON.stringify(this.loginData.Password));

Answer 1

Das Problem ist, dass ngModel nicht Interpolation als Argument akzeptiert.

ngModel Documentation

Ihr Code sollte wie folgt aussehen:

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

dies ganz gut zu funktionieren scheint:

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


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

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

Login:

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

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

Answer 2

Ich war in der Lage zu finden ein Problemumgehung. Ich weiß nicht, warum das funktioniert und der andere nicht, aber wenn ich die Werte speichern, auf diese Weise

Email: string; 
    Password: string; 

Und nicht in einem Objekt es funktionierte gut.