mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
consecutive `@case` blocks are now supported:
```ts
@switch (case) {
@case (0)
@case (1) {
case 0 or 1
}
@case (2) {
case 2
}
@default {
default
}
}
```
fixes #14659
837 B
837 B
The @switch block is inspired by the JavaScript switch statement:
Syntax
@switch (condition) {
@case (caseA) {
Case A.
}
@case (caseB)
@case (caseC) {
Case B or C.
}
@default {
Default case.
}
}
Description
The @switch blocks displays content selected by one of the cases matching against the conditional
expression. The value of the conditional expression is compared to the case expression using
the === operator.
The @default block is optional and can be omitted. If no @case matches the expression and there
is no @default block, nothing is shown.
You can specify multiple conditions for a single block by having consecutive @case(...) statements.
@switch does not have fallthrough, so you do not need an equivalent to a break or return
statement.