Difference between (change) and (ngModelChange) in angular

Hi Venkat,

change event bound to classical input change event.The (change)="eventHandler()" will fire after the value bound to [(ngModel)]="value" is changed.

ngModelChange is the @Output of ngModel directive. It fires when the model changes. You cannot use this event without ngModel directive.The (ngModelChange)="eventHandler()" will fire before the value bound to [(ngModel)]="value" is changed.

Check below link for more details.

https://stackoverflow.com/questions/44840735/change-vs-ngmodelchange-in-angular

https://code-examples.net/en/q/2ac371f

but support for using the ngModel input property and ngModelChange event with reactive form directives was deprecated in version 6 by angular.io.

https://angular.io/guide/deprecations

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Puneet Kankar6y ago
Accepted answer
Hi Venkat,

change event bound to classical input change event.The (change)="eventHandler()" will fire after the value bound to [(ngModel)]="value" is changed.
ngModelChange is the @Output of ngModel directive. It fires when the model changes. You cannot use this event without ngModel directive.The (ngModelChange)="eventHandler()" will fire before the value bound to [(ngModel)]="value" is changed.

Check below link for more details.

https://stackoverflow.com/questions/44840735/change-vs-ngmodelchange-in-angular

https://code-examples.net/en/q/2ac371f

but support for using the ngModel input property and ngModelChange event with reactive form directives was deprecated in version 6 by angular.io.

https://angular.io/guide/deprecations