mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
640693da8e
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
32 lines
837 B
Markdown
32 lines
837 B
Markdown
The `@switch` block is inspired by the JavaScript `switch` statement:
|
|
|
|
## Syntax
|
|
|
|
```angular-html
|
|
@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.
|