Angular 2 ngModel return [object]

Question

Просто начните работу с Angular 2 на проекте Ionic 2. У меня есть простая форма входа:

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

На внутреннем интерфейсе у меня есть объект

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

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

Когда я ввожу имя пользователя и пароль, хотя и пытаюсь получить доступ к данным, используя console.log пароля показывает, как:

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

Пытаясь что-то вроде this.loginData.Password = String(this.loginData.Password); результатов в одно и то же.

Это также приводит к той же самой вещи 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

я смог найтиобходной путь. Я не знаю, почему это работает, а другие нет, но если я хранить значения этого пути

Email: string; 
    Password: string; 

И не в объекте, он работал отлично.