【问题标题】:Ionic text-area input event离子文本区域输入事件
【发布时间】:2017-10-16 17:31:33
【问题描述】:

我正在使用 Ionic3,并且有:

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

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

问题

是否可以添加与ion-searchbarionInput 事件等效的事件?即当用户输入文本时,每按下一个键就会触发一个事件。

背景

我正在尝试跟踪用户剩余的字符数。例如

500 characters left

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

【问题讨论】:

标签: javascript angular typescript ionic2 ionic3


【解决方案1】:

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

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

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

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

【讨论】:

  • maxlength 属性不会将字符数限制为给定值,即 500。@sebaferreras
  • 应该是@KhushbooMulani。你能用你的代码创建一个 stackblitz demo 吗?
  • 当我提交表单时它会受到限制(它实际上只提交了 500 个字符,删除了其余的字符),但即使达到最大限制,它也不会阻止用户输入 texarea。
  • 它不应该那样工作......请创建一个演示,以便我看看会发生什么@KhushbooMulani
【解决方案2】:

您可以简单地尝试 (input) 事件。每次按键输入都会触发。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-12-16
    • 2015-06-08
    • 1970-01-01
    • 2014-10-29
    • 1970-01-01
    • 2011-01-07
    • 2015-01-22
    相关资源
    最近更新 更多