Jak uzyskać wartość <ion-input> w ramach jonowych?

Question

Chcę wartości następujących elementów wejściowych, więc co powinienem zrobić?

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

Answer 1

dobrze wiem trochę o jonowego 2 .... więc co proponuję użyć modelu ng dla wejść jak poniżej

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

dla jonowym jednej jego ng-modelu

dla jonowej dwóch jego [(ngModel)]

Nadzieja to pomoże trochę

aktualizacja

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

patrz wyżej link..in to kiedyś this.todo wewnątrz funkcji logform .... jestem jasno na ten temat, ale nie wiem co to jest klasa eksport bla bla ... ..

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