Что такое bootstrapping module?

Question

Accepted Answer

## Суть

**Bootstrapping module** — модуль, с которого Angular **запускает** приложение: именно его передают в `platformBrowserDynamic().bootstrapModule(...)` (или аналог в SSR). Обычно это `AppModule`.

В `@NgModule` у bootstrap-модуля задают:

- `bootstrap: [AppComponent]` — корневой компонент, который Angular вставляет в DOM (часто в `<app-root>`);
- `imports` — `BrowserModule`, роутинг, фичи;
- `providers` — глобальные сервисы корневого инжектора.

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

platformBrowserDynamic()
  .bootstrapModule(AppModule)
  .catch(err => console.error(err));
```

В `main.ts` платформа компилирует модуль (JIT) или использует заранее собранный фабричный код (AOT), создаёт корневой инжектор и монтирует дерево компонентов. Без корректного bootstrap приложение «не стартует»: нет корневого компонента и DI-контекста.

В standalone-приложениях роль bootstrap-модуля часто заменяет `bootstrapApplication(AppComponent, { providers: [...] })`, но идея та же: одна точка входа, которая поднимает рантайм Angular.

На собеседовании полезно связать: `index.html` → `main.ts` → bootstrap → `AppComponent` → дерево дочерних компонентов и модулей.