Что такое модуль загрузки (bootstrapping module)?

В Angular модуль загрузки (bootstrapping module) — это основной модуль приложения, который инициализирует его выполнение. Он отвечает за начальную настройку и загрузку корневого компонента, который затем визуализируется на странице. В большинстве случаев это создается автоматически, когда вы используете Angular CLI для генерации нового проекта.

Структура Angular-приложения

При создании нового Angular-приложения основным модулем будет AppModule. Он находится в файле app.module.ts. Посмотрим на его структуру:

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

@NgModule({
    declarations: [
        AppComponent  // Основной компонент приложения
    ],
    imports: [
        BrowserModule // Модуль, необходимый для работы в браузере
    ],
    providers: [],
    bootstrap: [AppComponent] // Компонент, с которого начинается приложение
})
export class AppModule {
}

Пояснения к коду

Запуск приложения

После настройки модуля загрузки, вы можете запустить приложение с помощью команды:

ng serve

Эта команда компилирует ваше приложение и поднимает локальный сервер, который доступен по адресу http://localhost:4200. Здесь будет отображен ваш AppComponent, который и является лицом вашего приложения.

Заключение

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