Angular7 - Moduły

Moduł w Angular odnosi się do miejsca, w którym można grupować komponenty, dyrektywy, rury i usługi, które są powiązane z aplikacją.

Jeśli tworzysz stronę internetową, nagłówek, stopka, lewa, środkowa i prawa sekcja stają się częścią modułu.

Aby zdefiniować moduł, możemy użyć NgModule. Podczas tworzenia nowego projektu za pomocą polecenia Angular –cli, ngmodule jest tworzony wapp.module.ts plik domyślnie i wygląda następująco -

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

NgModule należy zaimportować w następujący sposób -

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

Struktura ngmodule jest pokazana poniżej -

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

Zaczyna się od @NgModule i zawiera obiekt, który ma deklaracje, importy, dostawców i bootstrap.

Deklaracja

Jest to szereg utworzonych komponentów. Jeśli zostanie utworzony nowy komponent, zostanie zaimportowany jako pierwszy, a odniesienie zostanie uwzględnione w deklaracjach, jak pokazano poniżej -

declarations: [ 
   AppComponent,  
   NewCmpComponent 
]

Import

Jest to szereg modułów wymaganych do użycia w aplikacji. Może być również używany przez komponenty w tablicy Deklaracja. Na przykład teraz w @NgModule widzimy zaimportowany moduł przeglądarki. Jeśli Twoja aplikacja potrzebuje formularzy, możesz dołączyć moduł z poniższym kodem -

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

Import w @NgModule będzie wyglądać następująco -

imports: [ 
   BrowserModule, 
   FormsModule 
]

Dostawcy

Obejmuje to utworzone usługi.

Bootstrap

Obejmuje to główny składnik aplikacji do rozpoczynania wykonywania.