Angular 2 - Moduli

I moduli vengono utilizzati in Angular JS per inserire limiti logici nella tua applicazione. Quindi, invece di codificare tutto in un'unica applicazione, puoi invece creare tutto in moduli separati per separare la funzionalità della tua applicazione. Esaminiamo il codice che viene aggiunto all'applicazione demo.

In Visual Studio Code, vai alla cartella app.module.ts nella cartella dell'app. Questa è nota come classe del modulo radice.

Il codice seguente sarà presente nel file app.module.ts file.

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 { }

Esaminiamo in dettaglio ogni riga del codice.

  • L'istruzione import viene utilizzata per importare funzionalità dai moduli esistenti. Pertanto, le prime 3 istruzioni vengono utilizzate per importare i moduli NgModule, BrowserModule e AppComponent in questo modulo.

  • Il decoratore NgModule viene utilizzato per definire successivamente le opzioni di importazione, dichiarazioni e bootstrap.

  • Il BrowserModule è richiesto per impostazione predefinita per qualsiasi applicazione angolare basata sul web.

  • L'opzione bootstrap dice ad Angular quale componente avviare nell'applicazione.

Un modulo è composto dalle seguenti parti:

  • Bootstrap array- Viene utilizzato per indicare ad Angular JS quali componenti devono essere caricati in modo che sia possibile accedere alle sue funzionalità nell'applicazione. Una volta incluso il componente nell'array bootstrap, è necessario dichiararli in modo che possano essere utilizzati su altri componenti nell'applicazione Angular JS.

  • Export array - Viene utilizzato per esportare componenti, direttive e tubi che possono essere utilizzati in altri moduli.

  • Import array - Proprio come l'array di esportazione, l'array di importazione può essere utilizzato per importare la funzionalità da altri moduli JS angolari.