각도 2 ngModel returns [object]

이온 2 프로젝트에서 Angular 2로 시작하기. 내가 개체각도 2 ngModel returns [object]

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

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

내가 사용자 이름과 암호에 불구 입력하고 CONSOLE.LOG에게 암호를 사용하여 데이터를 액세스하려고이 백엔드에

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

출처

2016-07-16 Jhorra

시도해보십시오 console.log ('logindata', this.loginData.Email, this.loginData.Password); –

이렇게하면'[object Object]'가 나타납니다 – Jhorra

배열을 반환합니다. 확실하지 않은 이유는 무엇입니까 console.log ('logindata', this.loginData.Password [0]) –

문제는 ngModel 인수로 보간을 수용되지 않는 것입니다 발생합니다.

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

이 잘 작동하는 것 같다 : 같은

ngModel Documentation

코드가 보일 것입니다

<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); 
}

출처

2016-07-17 00:55:16

내가보기에는 그게 아니라고 생각하지 않는 한 정확하게 내 모습입니다. – Jhorra

질문을 편집했기 때문에 기억 나지 않으십니까? 아직 작동하지 않습니까? –

방금 작업했는데 어떤 이유로 든 값을 개체에 넣지 않고 별도로 넣을 때 갑자기 작동하기 시작했습니다. – Jhorra

-1

에이 해결 방법. 왜이 방법이 효과가 있고 다른 것은 효과가 있는지 모르겠지만이 방법으로 값을 저장하면

Email: string; 
    Password: string;

그리고 객체에는 문제가 없습니다.

출처

2016-07-17 04:36:19 Jhorra

[이 plunker에서] (http://plnkr.co/edit/LGkhWPQq0WSsi6Aumo2v?p=preview) 원래 코드가 제대로 작동하는지 알 수 있습니다 ('loginData' 객체를 사용하더라도). – sebaferreras

잘 모름 말하자면, 앱에서 바로 코드를 복사했는데 모든 계정에서 작동해야합니다. 앵귤러 1 앱을 많이 사용했는데 이것이 제대로 작동했음을 충분히 알았습니다. 왜 계속 사용했는지 모르겠습니다. 그 결과를 나에게 줬다. – Jhorra

각도 2 ngModel returns [object]

답변

관련 문제