Vyhledávání na webu

angular - ionic 3 získat text z ion-textarea po kliknutí na tlačítko

Mám ion-textarea, do kterého může uživatel psát obsah, a rád bych tento text získal po kliknutí na tlačítko.
Toto je HTML:

<ion-row>
    <ion-item>
        <ion-textarea [(ngModel)]="myInput" (ionInput)="getItems($event)" placeholder="New Info"></ion-textarea>
    </ion-item>
</ion-row>

<button ion-button class="card-button" color="secondary" 
 (click)="addInfo()"> <ion-icon name="add-circle" class="icona-bottone"></ion-
 icon>Add Info</button>

Zkoušel jsem to udělat ve svém souboru .ts:

getItems(textarea) {
    // set q to the value of the textarea
    var q = textarea.srcElement.value;
    this.textSearch = q;
}
addInfo(){
    console.log("You wrote " + this.textSearch)
}

ale vytiskne to „You wrote undefined“. Jaký je správný způsob, jak získat text jako řetězec a použít ho?

Odpověď č. 1

Protože jste použili dvoucestné datové propojení, můžete postupovat tak, jak je uvedeno níže.

.html

<ion-row>
    <ion-item>
        <ion-textarea [(ngModel)]="myInput" placeholder="New Info"></ion-textarea>
    </ion-item>
</ion-row>

.ts

console.log(this.myInput);//this is your textarea value

Související články