Угловой 2 — Модули

Модули используются в Angular JS для установления логических границ в вашем приложении. Следовательно, вместо того, чтобы кодировать все в одно приложение, вы можете вместо этого собрать все в отдельные модули, чтобы разделить функциональность вашего приложения. Давайте проверим код, который добавляется в демонстрационное приложение.

В коде Visual Studio перейдите в папку app.module.ts в папке вашего приложения. Это называется классом корневого модуля.

Следующий код будет присутствовать в файле app.module.ts .

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

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

Давайте подробно рассмотрим каждую строку кода.

• Оператор импорта используется для импорта функциональности из существующих модулей. Таким образом, первые 3 оператора используются для импорта модулей NgModule, BrowserModule и AppComponent в этот модуль.

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

• Модуль BrowserModule необходим по умолчанию для любого веб-приложения для угловых приложений.

• Опция начальной загрузки сообщает Angular, какой компонент загружать в приложении.

Оператор импорта используется для импорта функциональности из существующих модулей. Таким образом, первые 3 оператора используются для импорта модулей NgModule, BrowserModule и AppComponent в этот модуль.

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

Модуль BrowserModule необходим по умолчанию для любого веб-приложения для угловых приложений.

Опция начальной загрузки сообщает Angular, какой компонент загружать в приложении.

Модуль состоит из следующих частей —

Bootstrap array — используется для того, чтобы сообщить Angular JS, какие компоненты необходимо загрузить, чтобы получить доступ к его функциям в приложении. После включения компонента в массив начальной загрузки вам необходимо объявить их, чтобы их можно было использовать в других компонентах приложения Angular JS.

Экспортировать массив — используется для экспорта компонентов, директив и каналов, которые затем можно использовать в других модулях.

Импортировать массив. Как и массив экспорта, массив импорта можно использовать для импорта функций из других модулей Angular JS.