离子文本区域输入事件

时间:2017-05-17 10:04:15

标签: javascript angular typescript ionic2 ionic3

我正在使用Ionic3,并且:

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

当用户更改输入并模糊文本区域的焦点时,reviewChange()功能会按预期触发。

问题

是否可以添加ion-searchbar ionInput事件的等效内容?即,当用户键入文本时,会为每个按下的键触发事件。

背景

我正在尝试跟踪用户剩余的字符数。 e.g。

500 characters left

为了做到这一点,我需要跟踪每个击键。除非有更好的方法或一些自动方式来做到这一点?

2 个答案:

答案 0 :(得分:8)

更简单的方法是将文本区域绑定到组件的属性

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

在该文字区域下方,您可以显示这样的字符

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

答案 1 :(得分:1)

您可以尝试(输入)事件。它会触发每个键输入。

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