What are the key components of Angular architecture?

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.