angular/tools/manual_api_docs/blocks/if.md
Jeremy Elbourn 64db486edc build: add rules for generating block/element API data (#52480)
Adds build rules for "artificially" generating `DocEntry` collections for block and element APIs. The two rules are very similar, but _just_ different enough that it's worth having two separate implementations.

PR Close #52480
2023-11-02 11:02:08 -07:00

569 B

The @if block conditionally displays its content when its condition expression is truthy.

Syntax

@if (a > b) {
  {{a}} is greater than {{b}}
} @else if (b > a) {
  {{a}} is less than {{b}}
} @else {
  {{a}} is equal to {{b}}
}

Description

Content is added and removed from the DOM based on the evaluation of conditional expressions in the @if and @else blocks.

The built-in @if supports referencing of expression results to keep a solution for common coding patterns:

@if (users$ | async; as users) {
  {{ users.length }}
}