One page

Angular cheat sheet

What to keep at hand. If a line is not clear, go back to the matching lesson in the course.

Open the course: Angular: getting started

Template

WhatHow
Text{{ title }}
Property[disabled]="busy"
Event(click)="save()"
Two-way[(ngModel)]="title"

Building blocks

WhatHow
Component@Component({ selector, template })
Service@Injectable({ providedIn: "root" })
DIconstructor(private api: UserApi)
HTTPHttpClient in a service
List@for (item of items; track id)
RouterouterLink + router-outlet