Angular 6 - Модули

Module в Angular относится к месту, где вы можете сгруппировать компоненты, директивы, каналы и службы, которые связаны с приложением.

Если вы разрабатываете веб-сайт, верхний, нижний колонтитулы, левый, центральный и правый раздел становятся частью модуля.

Чтобы определить модуль, мы можем использовать NgModule. Когда вы создаете новый проект с помощью команды Angular -cli, модуль ngmodule по умолчанию создается в файле 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]
})
export class AppModule { }

NgModule необходимо импортировать следующим образом:

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

Структура ngmodule показана ниже -

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

Это начинается с @NgModule и содержит объект, у которого есть объявления, импорт, поставщики и начальная загрузка.

Декларация

Это массив созданных компонентов. Если создается какой-либо новый компонент, он будет сначала импортирован, а ссылка будет включена в объявления, как показано ниже -

declarations: [
   AppComponent,
   NewCmpComponent
]

импорт

Это набор модулей, необходимых для использования в приложении. Он также может использоваться компонентами в массиве объявлений. Например, прямо сейчас в @NgModule мы видим импортированный модуль браузера. Если вашему приложению нужны формы, вы можете включить модуль следующим образом:

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

Импорт в @NgModule будет как следующее -

imports: [
   BrowserModule,
   FormsModule
]

Провайдеры

Это будет включать созданные службы.

Бутстрап

Сюда входит основной компонент приложения для запуска выполнения.