Как работает контроль потока в Angular?

Контроль потока в Angular работает через новый синтаксис шаблонов блоков. 1 Он предоставляет мощные возможности с простыми, декларативными API. 1 Под капотом компилятор Angular преобразует синтаксис в эффективные инструкции JavaScript, которые могут выполнять контроль потока, ленивую загрузку и многое другое. 1

Некоторые особенности контроля потока в Angular:

• Условное отображение контента. 2 Для этого используются блоки @if, @else-if и @else. 2 Например, блок @if условно отображает своё содержимое, когда выражение условия истинно. 2
• Повторение контента с помощью блока @for. 2 Этот блок перебирает коллекцию и повторно отображает содержимое блока. 2 Коллекция может быть любым итерируемым объектом JavaScript, но в Angular есть дополнительная оптимизация производительности для значений Array. 2
• Обеспечение резервного варианта для блоков @for с помощью блока @empty. 2 Содержимое блока @empty отображается, когда нет элементов. 2

Контроль потока автоматически доступен в шаблонах без дополнительного импорта. 1