Angular 20 Control Flow Skill

Rules

Control Flow Syntax

• Use @if / @else / @else if for conditional rendering
• Use @for with mandatory track expression for list iteration
• Use @switch / @case / @default for multi-branch conditionals
• Use @defer for lazy loading and code splitting
• MUST NOT use structural directives: *ngIf, *ngFor, *ngSwitch

@for Track Expression

• Every @for loop MUST include a track expression
• Track by unique ID: track item.id
• Track by index for static lists: track $index
• MUST NOT track by object reference