Angular, typescript change detection input text

Question

I can't find simple and easy solution how to detect change in my textfield. I dont want to use (keypress) because the user will sometimes paste values into the field. (onchange) for example is working only when user will blur field. And I want to detect change immediately.

What is the easiest angular js $watch equivalent?

You can subscribe to the `oninput` event. See http://stackoverflow.com/a/26202266/556449 — Pavlo Glazkov, Mar 02 '17 at 18:05
Thx, good to know this low-level html event. I will use angular ngModelChange event in my case. — gkucmierz, Mar 02 '17 at 18:07
While this question is marked as being duplicate, I disagree. The linked question is about pure javascript, while this question is more on angular's way of doing things. — Thariq Nugrohotomo, May 08 '19 at 04:22

score 25 · Answer 1 · answered Mar 02 '17 at 18:01

25

use ngModelChange

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

answered Mar 02 '17 at 18:01

Sajeetharan

216,225
63
350
396

Thx, looks pretty nice – gkucmierz Mar 02 '17 at 18:02
1

The calculateTotal($event) method event is executed before the [(ngModel)]="quantity" is updated. – Alejandro L. Jul 09 '19 at 14:31
1

@Zindokar It is because you put (ngModelChange) before [(ngModel)]. The first one written will be the first one triggered. – Flyout91 Apr 01 '20 at 09:01

Angular, typescript change detection input text

1 Answers1