Avatar ·

(change) vs (ngModelChange) em Angular: qual a diferença e o que escolher?

Olá a todos! Sou novo em Angular e TypeScript. Estou aprendendo sobre formulários e entrada de dados. Me deparei com dois eventos semelhantes: `(change)` e `(ngModelChange)`. Ambos são acionados quando o valor em `` muda, mas se comportam de forma um pouco diferente. Por exemplo, tenho um componente simples com um campo de entrada e ligação bidirecional via `[(ngModel)]`: ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-user-input', template: `

Valor atual: {{ userName }}

` }) export class UserInputComponent { userName: string = ''; onChange(): void { console.log('change event:', this.userName); } onModelChange(value: string): void { console.log('ngModelChange event:', value); } } ``` Notei que: 1. `(change)` é acionado apenas quando tiro o foco do campo (blur), enquanto `(ngModelChange)` é acionado imediatamente a cada