Angular Modules

Angular аплікації складаються з окремих модулів. Як правило, вони, складаються з декількох модулів.

Кожна Angular аплікація — має як мінімум один кореневий модуль (root module), який називається AppModule.

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  exports: [],
  entryComponents: []
})
export class AppModule { }

Розглянемо основні елементи в AppModule.

app.module.ts

// BrowserModule: модуль, необхідний для роботи з браузером
import { BrowserModule } from '@angular/platform-browser';

// NgModule: функціонал декоратора NgModule,
// без якого ми не зможемо створити модуль
import { NgModule } from '@angular/core';

// AppComponent: функціонал кореневого компонента
import { AppComponent } from './app.component';

@NgModule({
 // ...
})
export class AppModule { }

Властивості NgModule:

Властивість	Опис
declarations	класи, вюшки (view, class), які належать модулю. Angular має три типи класів вюшок: компоненти (components), директиви (directive), канали (pipes)
imports	інші модулі, класи які необхідні для компонентів в поточному модулі
providers	підключення сервісів (service) які потрібні для цього модуля
bootstrap	кореневий компонент, який викликається за замовчуванням при завантаженні
exports	елементи які ми хочемо експортувати з модуля для подальшого їх використанняи в інших модулях
entryComponents	для динамічнго додавання компонентів