2016-12-14 48 views
7

我想要下面的輸入元素的值,所以我該怎麼辦? 如何在離子框架中獲得<ion-input>的價值?

<ion-item> 
    <ion-label floating>Username</ion-label> 
    <ion-input type="text" ></ion-input> 
    </ion-item> 

    <ion-item> 
    <ion-label floating>Password</ion-label> 
    <ion-input type="password" ></ion-input> 
    </ion-item> 
</ion-list> 

回答

8

嗯,我知道離子2一點點....所以我建議你使用納克模型輸入,比如下面

<ion-item> 
    <ion-label floating>Username</ion-label> 
    <ion-input type="text" [(ngModel)]="username"></ion-input> 
    </ion-item> 

    <ion-item> 
    <ion-label floating>Password</ion-label> 
    <ion-input type="password" [(ngModel)]="password"></ion-input> 
    </ion-item> 
</ion-list> 

爲離子的一個NG-模型

的離子兩名[(ngModel)

希望這將幫助你一點點

更新

https://ionicframework.com/docs/v2/resources/forms/ 

看到上面link..in這一點,他們用this.todo內logform功能....我很清楚這一點,但我不知道的是,出口類喇嘛喇嘛... ..

export class FormsPage { 
    todo = {} 
    logForm() { 
    console.log(this.todo) 
    } 
} 
+0

好,我得到了NG-模型的版本差異,但現在請告訴我,我該如何使用這個[(ngModel)] =「用戶名」? –

+0

正如我所說,我知道一點點......通過使用谷歌搜索,我才知道我們可以通過使用this.username訪問組件...但是我真的很抱歉,我不知道這是幹什麼的。 –