2017-05-17 7 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> 
関連する問題