Angular Cheat Sheet

This section documents modern, standalone Angular — signals, the built-in @if / @for / @switch control flow, @defer, typed reactive forms, provideHttpClient, functional guards and interceptors, and server-side rendering with hydration — as described by the official documentation at angular.dev, which is the reference these pages are written and verified against.

This content was generated with the assistance of AI and should be verified against angular.dev before being relied on in production. Angular ships a major release roughly every six months and its APIs continue to evolve: the examples here target the current major release; where a consulted source disagrees with the current documentation, the documentation wins and the difference is noted.

This section’s bibliography lists the reference material consulted while preparing these pages.

A single-page, colour-coded summary of modern standalone Angular — the ng CLI, bootstrapApplication with ApplicationConfig, a standalone component skeleton, the template binding table, the built-in @if / @for / @switch control flow and @defer, signal input() / output() / model(), signal / computed / effect, dependency injection with inject() and InjectionToken, RxJS interop with the async pipe and toSignal, provideHttpClient with HttpClient and a functional interceptor, provideRouter with routerLink and a functional guard, a typed reactive FormGroup with Validators, the lifecycle-hook order, and a TestBed skeleton — handy for quick memorization or as a printable desk reference.

For the full explanation, every option, and additional examples, see the dedicated pages:

Communication & lifecycle — Component Communication and Lifecycle and Change Detection.

Forms & errors — Forms and Error Handling.

Quality & delivery — Unit Testing and Production Build and Performance.