Angular 2 - Módulos

Los módulos se utilizan en Angular JS para poner límites lógicos en su aplicación. Por lo tanto, en lugar de codificar todo en una aplicación, puede construir todo en módulos separados para separar la funcionalidad de su aplicación. Inspeccionemos el código que se agrega a la aplicación de demostración.

En el código de Visual Studio, vaya a la carpeta app.module.ts en la carpeta de su aplicación. Esto se conoce como la clase de módulo raíz.

El siguiente código estará presente en el app.module.ts archivo.

import { NgModule }      from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser';  
import { AppComponent }  from './app.component';  

@NgModule ({ 
   imports:      [ BrowserModule ], 
   declarations: [ AppComponent ], 
   bootstrap:    [ AppComponent ] 
}) 
export class AppModule { }

Repasemos cada línea del código en detalle.

  • La declaración de importación se utiliza para importar la funcionalidad de los módulos existentes. Por lo tanto, las primeras 3 declaraciones se utilizan para importar los módulos NgModule, BrowserModule y AppComponent en este módulo.

  • El decorador NgModule se utiliza para definir posteriormente las opciones de importación, declaración y arranque.

  • El BrowserModule es necesario de forma predeterminada para cualquier aplicación angular basada en web.

  • La opción bootstrap le dice a Angular qué Componente arrancar en la aplicación.

Un módulo se compone de las siguientes partes:

  • Bootstrap array- Esto se usa para decirle a Angular JS qué componentes deben cargarse para que se pueda acceder a su funcionalidad en la aplicación. Una vez que incluye el componente en la matriz de arranque, debe declararlos para que puedan usarse en otros componentes en la aplicación Angular JS.

  • Export array - Se utiliza para exportar componentes, directivas y canalizaciones que luego se pueden utilizar en otros módulos.

  • Import array - Al igual que la matriz de exportación, la matriz de importación se puede utilizar para importar la funcionalidad de otros módulos de Angular JS.