What are the key components of Angular architecture?

Question

Accepted Answer

Angular's architecture organizes an app into a small set of building blocks that work together: modules, components, templates, directives, services, and dependency injection . Modules (NgModule) — group related components, services, directives. The root module AppModule bootstraps the app. (Modern Angular favors standalone components .) Components — the basic UI unit; combine a TypeScript class, an HTML template, and CSS. Templates — HTML with Angular syntax ( *ngIf , *ngFor , {{ }} bindings). Directives — structural ( *ngIf ) and attribute ( [ngClass] ) modifiers for the DOM. Services — reusable business logic, HTTP calls, shared state; injected into components. Dependency Injection — built-in DI container provides services to whatever needs them. Router — maps URLs to components; handles navigation in the SPA. Name the seven 2026 building blocks: components, templates, directives, services + DI, modules / standalone, routing, RxJS / signals. Drop 'standalone is the modern default'.