model() es el Double Data Binding usando Signals — Lección 7 | Curso Signals desde cero

Sobre esta lección

🚀 Bienvenido a la Lección 7 del Curso de Signals en Angular: Doble Data Binding con Signals En esta séptima clase aprenderás cómo implementar el clásico Two-Way Data Binding utilizando model() en lugar de ngModel, eliminando configuración innecesaria y mejorando la reactividad. Verás ejemplos prácticos y diferencias clave entre ambos enfoques. 📘 Qué aprenderás en esta lección * Qué es el doble data binding y por qué es importante * Cómo se hacía antes con ngModel y qué limitaciones tenía * Cómo se hace ahora con la función model() de Angular * Ventajas: menos boilerplate, tipado fuerte y sincronización automática * Diferencias entre model(), input() y output() * Cómo usar model.require() para asegurar valores * Ejemplo completo padre-hijo con reactividad pura 🎯 A quién está dirigido este curso Desarrolladores frontend que quieren dominar Angular Signals desde cero, optimizar la reactividad de sus aplicaciones y conocer el nuevo modelo reactivo oficial de Angular. 🧵 Curso completo: Angular Signals desde cero 00. Intro to Change Detection 01. Writable & Readonly Signals 02. Computed Signals 03. Effects and Side Effects 04. LinkedSignal API 05. Input/Output with Signals 06. Two-Way Binding with Signals ← estás aquí 07. Querying Components with Signals 08. Router Integration 09. Async Patterns and Fetching Data 10. RxJS Interop … y mucho más 💻 Código fuente del curso en GitHub https://github.com/puntotech/angular-signals-course 🔔 Suscríbete para no perderte las siguientes lecciones ⏱️ Timestamps 00:00 – Introducción al doble data binding 00:32 – Qué es y para qué sirve 03:45 – Tabla comparativa: ngModel vs model() 05:15 – Demo práctica con ngModel 06:37 – Ejemplo model() básico 08:10 – Ejemplo completo con model() + model.required() 11:43 – Conclusión y cierre ¡Nos vemos en la siguiente lección! 🎥✨