Introduccion y aviso legal Primero que todo las APIs mencionadas en este articulo son altamente experimentales y pueden cambiar en el futuro. Como con cualquier API experimental no se recomienda su uso en aplicaciones que vayan a entrar en produccion en el corto plazo.
Contexto actual del framework El equipo de Angular esta incorporando signals en muchas de sus APIs y los formularios no son la excepcion. Surge asi un nuevo tipo de formulario: formularios de señales. Esto hace que actualmente existan tres formas principales de gestionar formularios en Angular span Formularios Reactivos que se controlan desde el componente span Formularios basados en plantilla que se controlan desde el template span Formularios de Señales que se controlan mediante signals
Mentalidad de los formularios de señales Un formulario es en esencia un conjunto de campos de interfaz para capturar datos estructurados y aplicar reglas de validacion. En los formularios de señales esta idea se organiza en cuatro partes diferenciadas span Modelo de datos span Estado del campo span Logica del campo span Control de UI El punto clave es que el formulario no guarda internamente su propio estado de datos. El desarrollador expone un modelo de datos a traves de una signal y la libreria utiliza esa signal como fuente unica de verdad. De ese modo cualquier cambio en el modelo mediante set o update actualiza automaticamente los campos del formulario y cualquier interaccion del usuario con los campos actualiza el modelo.
Arbol de campos y campo raiz Llamar a la funcion de form crea un arbol de Field. El propio formulario es el campo raiz. Cada instancia de Field proporciona su estado y permite obtener el valor actual la validez y otros metadatos. Es posible navegar por el arbol de campos usando notacion por puntos y acceder a campos anidados o a elementos de arrays dentro del modelo.
Instancia de Field El estado de un Field se compone de varios aspectos principales span value un WritableSignal que permite leer y escribir el valor del campo span errors una signal para recuperar errores de validacion span valid una signal para conocer la validez del campo span disabled una signal que indica si el campo esta deshabilitado span touched una signal para saber si el usuario ha interactuado con el campo o alguno de sus hijos span dirty una signal para saber si el campo o alguno de sus hijos ha sido modificado
Enlace del campo con la interfaz Para conectar un elemento de interfaz como un input textarea o un componente personalizado con un Field se proporciona una directiva integrada que realiza varias tareas span enlace bidireccional para actualizar el valor del campo tanto por interaccion de usuario como de forma programatica span aplicacion de la logica de negocio del campo como validadores o estado de solo lectura span retransmision de eventos de control como dirty o touched span inyeccion del token NgControl para asegurar interoperabilidad Con esto se crea un puente entre la logica HTML y el sistema de formularios de Angular aprovechando su ecosistema.
Resumen y siguiente paso Este articulo sienta las bases de los formularios de señales destacando sus componentes principales y la idea de modelo como unica fuente de verdad. Todavia no hemos tratado validacion que es parte clave de la logica de campo y que sera el tema del segundo articulo. Recuerde que el desarrollador controla por completo el modelo de datos expuesto y la funcion form permite crear y navegar un arbol de campos desde el cual se puede consultar el estado de cada campo.
Sobre Q2BSTUDIO Q2BSTUDIO es una empresa de desarrollo de software y aplicaciones a medida especializada en soluciones tecnicas adaptadas a las necesidades de cada cliente. Ofrecemos servicios de software a medida y aplicaciones a medida con enfoque en calidad escalabilidad y seguridad. Nuestro equipo cuenta con experiencia en inteligencia artificial y desarrollos de IA para empresas ademas de servicios avanzados de ciberseguridad y pentesting. Tambien proporcionamos servicios cloud AWS y Azure y soluciones de inteligencia de negocio como Power BI para transformar datos en decisiones. Si necesita un proyecto de desarrollos a medida puede conocer nuestras capacidades en desarrollo de aplicaciones y software a medida y si busca integrar IA en su organizacion visite nuestra pagina de inteligencia artificial para empresas. Entre nuestras competencias destacan automatizacion de procesos agentes IA servicios cloud aws y azure ciberseguridad servicios inteligencia de negocio y consultoria en power bi.
Palabras clave aplicadas aplicaciones a medida software a medida inteligencia artificial ciberseguridad servicios cloud aws y azure servicios inteligencia de negocio ia para empresas agentes IA power bi