如何从一个双向数据绑定对象

问题描述：

得到的数据。当我把数据放到输入栏点击功能日志

{ 
    Name:"", 
    Pass:"" 
}

我想要得到的对象数据。

代码

我有两个输入和一个登录按钮登录屏幕。我想双向绑定一个对象user: User到输入并点击访问user对象属性Name和Pass。

这里的html页面

<ion-content padding class="ion-content"> 

    <ion-list> 

    <ion-item> 
     <ion-input type="text" [(value)]="user.Name" placeholder="username"></ion-input> 
    </ion-item> 

    <ion-item> 
     <ion-input type="password" [(value)]="user.Pass" placeholder="password"></ion-input> 
    </ion-item> 

    </ion-list> 

    <div padding> 
    <button ion-button color="primary" block (click)="login($event);">Sign In</button> 
    </div> 

</ion-content>

，这里是我的相应的.ts文件

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 

export class User{ 
    public Name: String; 
    public Pass: String; 
    constructor(){ 
     this.Name = ""; 
     this.Pass = ""; 
    } 
} 

@Component({ 
    selector: 'login-page', 
    templateUrl: 'login.html' 
}) 
export class LoginPage { 

    user: User; 

    constructor(public navCtrl: NavController) { 
     this.user = new User(); 
    } 

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

}

答

我认为，如果你会使用的[(ngModel)]代替[(value)]，你希望它就能准确。

如何从一个双向数据绑定对象

相关推荐