Módulos de Angular

Hola. Esta lección presentará módulos angulares y cómo empezar a utilizarlos. Los módulos angulares ayudan a organizar y proporcionar estructura para su aplicación. Agrupan los componentes, servicios, directivas, y otro código fuente necesario para proporcionar una característica específica o función de aplicación. Es importante tener en cuenta que, a pesar del nombre, módulos angulares o módulos NG, no son lo mismo que los módulos de JavaScript. Módulos JavaScript y módulos angulares son estructuras separadas, pero por supuesto se pueden usar juntas. Cada aplicación angular tiene al menos un módulo, que es el módulo raíz. Este es el módulo que maneja todo de la aplicación angular. Los módulos también ayudan con el proceso de compilación y este es el primer módulo que se carga por angular. Este es un archivo de módulo raíz básico. Primero, necesita importar el módulo NG de la biblioteca de núcleo angular. El módulo NG es un decorador de clases, que puede ver aquí. Esto proporciona datos de configuración para el módulo, incluyendo cualquier dependencia extra o externa que necesite para ser importado para su uso en la aplicación o en este módulo específico. Al trabajar con angular, importa diferentes módulos como los necesite. Entonces, si quisiera usar las diferentes funciones angular proporciona formas como validación o la directiva modelo NG, primero debe importar el módulo de formulario en el archivo y luego importarlo al módulo. Importar módulos de una biblioteca externa funciona En una forma similar. Por ejemplo, si quisieras utilizar el material de la estructura del componente frontal, primero instalaría la biblioteca de materiales y para hacer esto, abrirías una ventana de terminal y ejecute los comandos ng add angular / material. Y una vez que esté instalado, puede seguir el mismo proceso de importar primero el módulo al archivo. Y para este ejemplo, Voy a importar el componente de ruleta de progreso del material. Y luego agregue eso a la matriz de importaciones del decorador del módulo raíz. Este módulo de ruleta de progreso contiene un componente que puede agregar a las plantillas. Y ahora que hemos importado el módulo, podemos usarlo en la aplicación. Eliminando todo ese código de inicio, Voy a agregar el componente giratorio. Y asegúrese de guardar los archivos. Luego ejecute el comando ng serve para construir la aplicación. Y luego abriendo la aplicación en una ventana del navegador, y puede ver el indicador de progreso que se muestra aquí. Eso es todo para esta lección, presentando módulos. Y el próximo aprenderás sobre el decorador. y metadatos más en profundidad.