Angolare 6 - Moduli

Module in Angular si riferisce a un luogo in cui è possibile raggruppare i componenti, le direttive, i tubi e i servizi correlati all'applicazione.

Nel caso in cui si stia sviluppando un sito Web, le sezioni di intestazione, piè di pagina, sinistra, centro e destra diventano parte di un modulo.

Per definire il modulo, possiamo usare il NgModule. Quando crei un nuovo progetto utilizzando il comando Angular -cli, il ngmodule viene creato nel file app.module.ts per impostazione predefinita e ha il seguente aspetto:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})
export class AppModule { }

Il NgModule deve essere importato come segue:

import { NgModule } from '@angular/core';

La struttura per il modulo ng è come mostrato di seguito:

@NgModule({
   declarations: [
      AppComponent
   ],
   imports: [
      BrowserModule
   ],
   providers: [],
   bootstrap: [AppComponent]
})

Inizia con @NgModule e contiene un oggetto che ha dichiarazioni, import s, provider e bootstrap.

Dichiarazione

È una serie di componenti creati. Se viene creato un nuovo componente, verrà prima importato e il riferimento verrà incluso nelle dichiarazioni come mostrato di seguito -

declarations: [
   AppComponent,
   NewCmpComponent
]

Importare

È un array di moduli necessari per essere utilizzati nell'applicazione. Può essere utilizzato anche dai componenti nell'array di dichiarazione. Ad esempio, in questo momento nel @NgModule vediamo il modulo del browser importato. Nel caso in cui la tua domanda abbia bisogno di moduli, puoi includere il modulo come segue:

import { FormsModule } from '@angular/forms';

L'importazione in @NgModule sarà come il seguente -

imports: [
   BrowserModule,
   FormsModule
]

Fornitori

Ciò includerà i servizi creati.

Bootstrap

Ciò include il componente principale dell'app per l'avvio dell'esecuzione.