Angular7 - Module
Das Modul in Angular bezieht sich auf einen Ort, an dem Sie die Komponenten, Anweisungen, Pipes und Services gruppieren können, die sich auf die Anwendung beziehen.
Wenn Sie eine Website entwickeln, werden Kopf-, Fuß-, Links-, Mittel- und Rechtsbereich Teil eines Moduls.
Um das Modul zu definieren, können wir das NgModule verwenden. Wenn Sie ein neues Projekt mit dem Befehl Angular –cli erstellen, wird das ngmodule in der Datei erstelltapp.module.ts Datei standardmäßig und es sieht wie folgt aus -
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NewCmpComponent } from './new-cmp/new-cmp.component';
@NgModule({
declarations: [
AppComponent,
NewCmpComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Das NgModule muss wie folgt importiert werden:
import { NgModule } from '@angular/core';
Die Struktur für das ngmodul ist wie folgt:
@NgModule({
declarations: [
AppComponent,
NewCmpComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
Es beginnt mit @NgModule und enthält ein Objekt mit Deklarationen, Importen, Anbietern und Bootstrap.
Erklärung
Es ist ein Array von Komponenten, die erstellt wurden. Wenn eine neue Komponente erstellt wird, wird diese zuerst importiert und die Referenz wird in die unten gezeigten Deklarationen aufgenommen.
declarations: [
AppComponent,
NewCmpComponent
]
Importieren
Es ist eine Reihe von Modulen, die in der Anwendung verwendet werden müssen. Es kann auch von den Komponenten im Deklarationsarray verwendet werden. Zum Beispiel sehen wir gerade im @ NgModule das importierte Browsermodul. Falls Ihre Bewerbung Formulare benötigt, können Sie das Modul mit dem folgenden Code einschließen:
import { FormsModule } from '@angular/forms';
Der Import in die @NgModule wird wie folgt sein -
imports: [
BrowserModule,
FormsModule
]
Anbieter
Dies schließt die erstellten Dienste ein.
Bootstrap
Dies beinhaltet die Haupt-App-Komponente zum Starten der Ausführung.