Angular7 - Модули

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

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

Чтобы определить модуль, мы можем использовать NgModule. Когда вы создаете новый проект с помощью команды Angular –cli, модуль ngmodule создается вapp.module.ts файл по умолчанию, и он выглядит следующим образом -

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 необходимо импортировать следующим образом:

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

Структура модуля ngmodule показана ниже -

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

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

Декларация

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

declarations: [ 
   AppComponent,  
   NewCmpComponent 
]

Импортировать

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

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

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

imports: [ 
   BrowserModule, 
   FormsModule 
]

Провайдеры

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

Бутстрап

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