Skip to content
masterclass Buddy

Angular · Directive

@switch

@switch chooses which template block to render by comparing one condition with @case values. It uses strict equality, supports grouped cases, and can check union cases for completeness.

Last updated

Syntax

@switch (condition) { @case (caseA) { ... } @default { ... } }

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • @case
  • @default
  • @let

Source: @switch • Angular. Checked 2026-11-03.