Angular,打字稿更改检测输入文本[重复]

Posted

技术标签:

【中文标题】Angular,打字稿更改检测输入文本[重复]【英文标题】:Angular, typescript change detection input text [duplicate] 【发布时间】:2017-07-22 14:30:00 【问题描述】:

我找不到简单易用的解决方案来检测我的文本字段中的变化。 我不想使用(keypress),因为用户有时会将值粘贴到字段中。 (onchange)例如仅在用户模糊字段时才有效。我想立即发现变化。

什么是最简单的 Angular js $watch 等价物?

【问题讨论】:

您可以订阅oninput事件。见***.com/a/26202266/556449 谢谢,很高兴知道这个低级 html 事件。在我的情况下,我将使用角度 ngModelChange 事件。 虽然这个问题被标记为重复,但我不同意。链接的问题是关于纯 javascript 的,而这个问题更多的是关于 Angular 的做事方式。 【参考方案1】:

使用ngModelChange

input id="form_name" [(ngModel)]="quantity" (ngModelChange)="calculateTotal($event)" 

【讨论】:

谢谢,看起来不错 calculateTotal($event) 方法事件在 [(ngModel)]="quantity" 更新之前执行。 @Zindokar 这是因为您将 (ngModelChange) 放在 [(ngModel)] 之前。第一个写入的将是第一个触发的。

以上是关于Angular,打字稿更改检测输入文本[重复]的主要内容,如果未能解决你的问题,请参考以下文章

使用Angular或打字稿将字符串的第一个字母大写[重复]

在javascript中将数字转换为数组| angular7的打字稿[重复]

Visual Studio 打字稿与 Angular 2 冲突

如何将 Angular 2 表单输入传递给打字稿组件?

Angular:如何在打字稿文件中使用父组件的输入值

在 Angular 1.5 中绑定组件函数时如何利用打字稿?