Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →

menu_book Course Curriculum (Angular) expand_more

Components

Standalone component Component selector Inline template External template Component styles Input signal Output emitter Two-way binding View child Content projection

Templates

Interpolation Property binding Event binding Class binding Style binding @if block @for block @switch block Template reference variables Pipes

Signals & State

signal computed effect linkedSignal Writable signal Signal equality Signal updates Derived state Signal inputs RxJS interop

Dependency Injection

Injectable service inject function Provider token useClass provider useValue provider useFactory provider InjectionToken Hierarchical injectors Optional injection Environment providers

Forms

Reactive FormControl FormGroup FormBuilder Validators.required Custom validator Async validator FormArray Template-driven ngModel Control status Form submission

Routing

RouterLink Route configuration Route parameters Query parameters Child routes Lazy loading Route guards Resolvers Router outlet Navigation events

HTTP & RxJS

HttpClient GET HttpClient POST HTTP interceptors Error handling Observable subscribe Async pipe switchMap combineLatest takeUntilDestroyed HttpResource

Testing & Performance

Component test Service test HttpTestingController Router testing OnPush change detection track in @for Deferred views SSR hydration Zone-less change detection Build optimization

Angular / Signals & State

Signal updates

Learn Signal updates in Angular with a dedicated explanation, topic-specific example, edge guidance, and mastery check.

12 min read • Beginner

angular-027.ts

ts

items = signal<string[]>([]);
add(x:string){ this.items.update(xs => [...xs, x]); }

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

Signal updates Mastery Check →

Signal equality