Angular Reference

The Angular Cheat Sheet Every Enterprise Dev Keeps Open

Every component decorator, RxJS operator, reactive form pattern and routing configuration — organised so you stop digging through Angular's sprawling documentation. From components and DI to HTTP, guards and lazy loading on one printable sheet.

$9
One-time payment · Instant PDF download
📄 PDF format ⚡ Instant download 🖨️ Print-ready ♾️ Keep forever
angular-cheat-sheet.pdf
COMPONENT
@Component({...})Decorator
selector: 'app-x'HTML tag name
template: '...'Inline template
TEMPLATE SYNTAX
*ngIf="condition"Conditional render
*ngFor="let x of list"List rendering
[(ngModel)]="prop"Two-way bind
RxJS OPERATORS
map(x => x * 2)Transform stream
filter(x => x > 0)Filter emissions
switchMap(fn)Cancel prev inner obs

What's inside the Angular Cheat Sheet

8 sections covering Angular from component architecture to RxJS, reactive forms, routing and module design patterns.

🧩

Component Decorator & Lifecycle Hooks

Define components correctly and hook into their lifecycle at every stage.

  • @Component decorator properties
  • ngOnInit, ngOnChanges, ngOnDestroy
  • ngAfterViewInit and ngAfterContentInit
  • ChangeDetectionStrategy.OnPush
📄

Template Syntax (ngIf/ngFor/ngClass)

All of Angular's structural and attribute directives with the right syntax.

  • *ngIf with else template
  • *ngFor with index and trackBy
  • [ngClass] and [ngStyle] binding
  • ng-template and ng-container
🔗

Two-Way Binding & Event Binding

Connect your component logic to the template cleanly and correctly.

  • Property binding [property]="expr"
  • Event binding (event)="handler()"
  • [(ngModel)] two-way binding
  • @Input() and @Output() decorators
💉

Services & Dependency Injection

Angular's DI system — registering, providing and injecting services.

  • @Injectable({ providedIn: 'root' })
  • constructor injection pattern
  • Hierarchical injectors
  • InjectionToken for primitives
📋

Reactive Forms & Template-Driven Forms

Build and validate forms with Angular's powerful form modules.

  • FormBuilder and FormGroup
  • FormControl with Validators
  • FormArray for dynamic fields
  • Custom validator functions
🌊

HTTP Client & RxJS Operators

Make HTTP requests and transform Observable streams with the most-used RxJS operators.

  • HttpClient get, post, put, delete
  • map, filter, tap, catchError
  • switchMap, mergeMap, concatMap
  • forkJoin and combineLatest
🗺️

Angular Router & Guards

Define routes, pass data and protect them with navigation guards.

  • RouterModule.forRoot() and forChild()
  • Route params with ActivatedRoute
  • CanActivate and CanDeactivate guards
  • Resolve guards for data pre-fetching
🏗️

Module Architecture & Lazy Loading

Structure large Angular apps with feature modules and lazy loading for performance.

  • NgModule declarations and exports
  • Feature module pattern
  • Lazy loading with loadChildren
  • Standalone components (Angular 17+)

Who this cheat sheet is for

  • Enterprise developers working on large Angular applications who need quick references
  • Developers moving from AngularJS to modern Angular and learning the component model
  • Full-stack developers building Angular + Node.js applications
  • Developers learning RxJS alongside Angular who need an operator reference
  • Teams maintaining large codebases with strict dependency injection patterns

What you get

📄
PDF file
High-resolution, print-ready PDF. Works on any device.
Instant access
Download immediately after purchase via Gumroad.
🖨️
Print-optimised
Designed to look perfect on A4 or US Letter paper.
♾️
Yours forever
One payment. No subscription. Download again any time.
Instant Download
$9
One-time payment · PDF · No subscription

Get the Angular Cheat Sheet now

Stop digging through Angular's docs. Keep the complete reference open instead.

Buy on Gumroad →