Herramientas de usuario
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:base-component
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:base-component [2025/06/25 19:02] 192.168.175.164 |
ada:howto:sicoferp:factory:new-migracion-sicoferp:front:base-component [2025/06/25 19:21] (actual) 192.168.175.164 |
||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ====== BaseComponent<T> ====== | ====== BaseComponent<T> ====== | ||
| - | Clase abstracta reutilizable en Angular para facilitar la creación de componentes que usen formularios, tablas, modales y alertas. Provee métodos y propiedades comunes que se pueden extender y personalizar según las necesidades del componente específico. | + | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] |
| + | |||
| + | Clase abstracta reutilizable para facilitar la creación de componentes que usen formularios, tablas, modales y alertas. Provee métodos y propiedades comunes que se pueden extender y personalizar según las necesidades del componente específico. | ||
| ==== Objetivo ==== | ==== Objetivo ==== | ||
| Línea 20: | Línea 22: | ||
| * **FormBuilder** (`@angular/forms`): crea formularios reactivos fácilmente. | * **FormBuilder** (`@angular/forms`): crea formularios reactivos fácilmente. | ||
| * **BreadcrumbService**: establece el breadcrumb de navegación (migas de pan). | * **BreadcrumbService**: establece el breadcrumb de navegación (migas de pan). | ||
| - | |||
| - | Estas dependencias se inyectan usando la función `inject()`. | ||
| ==== Propiedades ==== | ==== Propiedades ==== | ||
| - | * **title / subTitle**: Títulos que pueden usarse para encabezados del componente. | + | * **title / subTitle**: Título para encabezados del componente. |
| * **form**: Instancia del formulario reactivo principal del componente. | * **form**: Instancia del formulario reactivo principal del componente. | ||
| * **tableConfig**: Configuración de comportamiento y estilo de la tabla. | * **tableConfig**: Configuración de comportamiento y estilo de la tabla. | ||
| Línea 49: | Línea 49: | ||
| }); | }); | ||
| </code> | </code> | ||
| - | |||
| - | Es útil para componentes que tengan filtros simples. | ||
| === setBreadcrumb(items: BreadcrumbItem[]) === | === setBreadcrumb(items: BreadcrumbItem[]) === | ||
| Línea 152: | Línea 150: | ||
| </code> | </code> | ||
| - | ==== Beneficios de esta clase base ==== | + | ==== Beneficios de esta clase ==== |
| * Evita repetir lógica en múltiples componentes. | * Evita repetir lógica en múltiples componentes. | ||
| Línea 158: | Línea 156: | ||
| * Estandariza el uso de formularios, tablas y modales. | * Estandariza el uso de formularios, tablas y modales. | ||
| * Facilita pruebas y futuras refactorizaciones. | * Facilita pruebas y futuras refactorizaciones. | ||
| + | |||
| + | [[ada:howto:sicoferp:factory:new-migracion-sicoferp:front|←Regresar]] | ||
| + | |||
| + | ---- | ||
| + | |||
| + | //Documento actualizado: 25/06/2025//\\ | ||
| + | //Elaborado por: Maicol Arroyave - Desarrollador// | ||
ada/howto/sicoferp/factory/new-migracion-sicoferp/front/base-component.1750878161.txt.gz · Última modificación: 2025/06/25 19:02 por 192.168.175.164
Herramientas de la página
