Angulaire 4 - Module

Module dans Angular fait référence à un endroit où vous pouvez regrouper les composants, les directives, les canaux et les services, qui sont liés à l'application.

Dans le cas où vous développez un site Web, l'en-tête, le pied de page, la gauche, le centre et la section droite font partie d'un module.

Pour définir le module, nous pouvons utiliser le NgModule. Lorsque vous créez un nouveau projet à l'aide de la commande Angular –cli, le ngmodule est créé par défaut dans le fichier app.module.ts et se présente comme suit:

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

Le NgModule doit être importé comme suit -

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

La structure du ngmodule est la suivante:

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

Cela commence par @NgModule et contient un objet qui a des déclarations, des importations, des fournisseurs et des bootstrap.

Déclaration

C'est un tableau de composants créés. Si un nouveau composant est créé, il sera d'abord importé et la référence sera incluse dans les déclarations comme indiqué ci-dessous -

declarations: [
   AppComponent,
   NewCmpComponent
]

Importer

Il s'agit d'un ensemble de modules devant être utilisés dans l'application. Il peut également être utilisé par les composants du tableau Déclaration. Par exemple, en ce moment dans @NgModule, nous voyons le module de navigateur importé. Si votre candidature a besoin de formulaires, vous pouvez inclure le module comme suit -

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

L'importation dans le @NgModule sera comme ce qui suit -

imports: [
   BrowserModule,
   FormsModule
]

Fournisseurs

Cela inclura les services créés.

Amorcer

Cela inclut le composant principal de l'application pour démarrer l'exécution.