ionic 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あなたのgetItemsで

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