单击按钮后,离子3从ion-textarea获取文本

Question

我有一个ion-textarea用户可以写一些内容,我想在点击一个按钮后得到这个文本.
这是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>

我已经尝试在我的.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)
}

但它打印出"你写的undefined".将文本作为字符串并使用它的正确方法是什么？

Answer 1

由于您使用了双向数据绑定,因此可以执行如下所示的操作.

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