2017-05-17 110 views
2

我使用Ionic3,並且有:離子文本區域輸入事件

 <ion-textarea (change)="reviewChange()"></ion-textarea> 

當用戶改變輸入,並從文本區域模糊焦點,預期將觸發reviewChange()功能。

問題

是否有可能加入ion-searchbarionInput事件的相同呢?即,當用戶鍵入文本時,觸發每個按鍵的事件。

背景

我想跟蹤有多少個字符的用戶已離開。例如

500 characters left 

爲了做到這一點,我需要跟蹤每個關鍵筆畫。除非有更好的方法,或者一些自動化的方法來做到這一點?

+0

您可以使用ngModel值的長度.. –

+0

答案在這裏。 http://stackoverflow.com/questions/20603107/angularjs-text-area-character-counter – Richard

+0

謝謝,剛纔看到的。 – Richard

回答

4

一個更簡單的方法是將文本區域從組件

<ion-textarea maxlength="500" [(ngModel)]="myText"></ion-textarea> 

其下方的文本區域,您可以顯示剩餘字符這樣

<span>{{ 500 - myText.length }} characters left</span> 
0

你可能只是綁定到一個屬性嘗試(輸入)事件。它會觸發每個關鍵輸入。

 <ion-textarea [(ngModel)]="text" (input)="reviewChange()"></ion-textarea>