Angular Feature Showcase
Explore Angular's core features and Angular 21's newest APIs with live interactive examples, code snippets, and explanations — all in one place.
Core Features
Components
Interpolation, property/event binding, Input & Output
Directives
@if, @for, @switch, ngClass, ngStyle, custom directives
Forms
Reactive forms, validation, FormBuilder, FormArray
Pipes
Built-in pipes: date, currency, async + custom pipes
Services
Dependency injection, shared state between components
HTTP Client
Fetch data, loading states, error handling
Signals
signal(), computed(), effect() — reactive state
Lifecycle
All lifecycle hooks in order of execution
RxJS
Observables, operators, debounce, subjects
Angular 21 — New Features
Angular 21 ships with Signal I/O, linkedSignal, httpResource, Zoneless change detection as the default, and experimental Signal Forms.
Signal I/O
input(), output(), model() — replace @Input/@Output decorators
linkedSignal
Writable derived signal — bridges signal() and computed()
httpResource
Reactive HTTP + resource() — no subscribe, no cleanup
Zoneless
No zone.js — signal-driven change detection, default in v21
Signal Forms
Experimental form API built on WritableSignal + schema validators
MCP Client
Connect Angular to an MCP server — discover tools, call them live