Documentación de componentes Angular

Cuando un componente incluye campos de formulario, WCF implementa la interfaz ControlValueAccesor de Angular que permite incluir el componente completo como un campo más de un FormGroup.

Los componentes Angular de WCF están generados automáticamente por un algoritmo, pero el código, la estructura y la presentación tienen la intención deliberada de ser fácilmente comprensible por un programador con cierta experiencia en Angluar

Los componentes que genera WCF tienen como fuente componentes diseñados en Figma o código creado en HTML. En cualquiera de los dos, los componentes tienen textos, imágenes, placeholders y vínculos que permiten visualizarlos y utilizarlos. Naturalmente, la finalidad de un componente es cambiar dinámicamente los valores de estos atributos, en función del contexto, las interacciones…

Los componentes que genera Web Component Factory utilizan Angular Signals, y proveen inputs para actualizar tanto en el template como a través del código todos los textos, imágenes, vínculos y campos de formulario que incluyan.

Un componente Angular generado con WCF está compuesto por un conjunto de archivos organizados en directorios. Este documento describe cada uno de ellos.

WCF provee un injectable service que permite modificar en tiempo de ejecución cualquiera de los inputs, atributos y parámetros del componente, habilitando una comunicación fluida independientemente de la estructura de creación e inclusión de componentes en la aplicación.

Cada componente Angular incluye un componente adiciona que permite identificar subcomponentes, variantes, switches e inputs, así como sus valores por omisión.

Ejecutar la app-demo de Angular permite identificar muy fácilmente subcomponentes, variantes, switches e inputs, así como sus valores por omisión. Para ello es necesario ejecutar los siguientes pasos: