(change) vs (ngModelChange) en Angular: ¿cuál es la diferencia y qué elegir?
¡Hola a todos! Soy nuevo en Angular y TypeScript. Estoy aprendiendo sobre formularios y entrada de datos. Me encontré con dos eventos similares: `(change)` y `(ngModelChange)`. Ambos se activan cuando cambia el valor en un ``, pero se comportan de manera ligeramente diferente.
Por ejemplo, tengo un componente simple con un campo de entrada y enlace bidireccional usando `[(ngModel)]`:
```typescript
import { Component } from '@angular/core';
@Component({
selector: 'app-user-input',
template: `
Valor actual: {{ userName }}
` }) export class UserInputComponent { userName: string = ''; onChange(): void { console.log('change event:', this.userName); } onModelChange(value: string): void { console.log('ngModelChange event:', value); } } ``` Noté que: 1. `(change)` se activa solo cuando quito el foco del campo (blur), mientras que `(ngModelChange)` se activa inmediatamente con cada