📄️ Vista General
El módulo @tiendana/ngx-core/forms proporciona un ecosistema completo para trabajar con formularios reactivos en Angular. Está diseñado para simplificar el desarrollo, mejorar la experiencia del usuario y mantener la consistencia visual con el Sistema de Diseño Tiendana.
📄️ TdnFormElement
TdnFormElement es un componente wrapper que aplica automáticamente clases CSS según el estado del control de formulario que contiene. Elimina los [class.error] y [class.focused] manuales y es además el punto donde cada control encuentra su bloque de errores para el cableado ARIA.
📄️ Seguimiento de Estado
La directiva tdnControl (TdnControlDirective) es el puente entre el NgControl de un campo y su contenedor TdnFormElement. Mantiene el estado del control como signals y, dentro de un tdn-form-element, conecta el campo con su bloque de errores para exponer aria-describedby y aria-invalid.
📄️ Manejo de Errores
El sistema de errores de ngx-core se compone de dos directivas no escribas ngIf="form.get('x')?.hasError(...)" a mano.
🗃️ Validadores
4 artículos
📄️ Directivas de Input
Las directivas de input proporcionan transformaciones automáticas del valor ingresado por el usuario. Son útiles para normalizar datos y aplicar reglas de formato sin lógica adicional en el componente.
📄️ FormRevealService
FormRevealService muestra los errores de validación cuando el usuario pulsa enviar, en lugar de deshabilitar el botón. Un botón apagado esconde por qué el usuario está atascado y perjudica la conversión. El servicio marca el formulario como tocado (para que se rendericen los mensajes tdnErrors), lleva el primer control inválido al centro de la pantalla, le da el foco y sacude su campo. Disponible desde @tiendana/ngx-core 0.8.8.
🗃️ Inputs Personalizados
8 artículos