В Angular фреймворке директива async относится к асинхронной загрузке скриптов и не имеет отношения к асинхронному выполнению операций в шаблонах HTML.
В шаблонах Angular выполняется двунаправленное связывание данных (data binding) между компонентами и представлением. Это означает, что при изменении данных в компоненте автоматически отображаются изменения в представлении и наоборот.
Шаблоны Angular синхронны по своей природе и обновляются только после завершения синхронного выполнения компонента. Это означает, что использование операций, которые требуют асинхронного выполнения, например, асинхронные вызовы HTTP, напрямую в шаблоне HTML не будет работать.
Однако, можно использовать асинхронные операции в компоненте Angular с помощью Observables и Promises, а затем обновлять шаблон после получения результата.
Оператор async используется в Angular для работы с асинхронными операциями в компонентах, а не в шаблонах. Он используется в связке с оператором await, чтобы позволить подписываться на Promise или на Observable, ожидающий завершения асинхронной операции, и возвращать результат. Обычно async используется в методах компонентов для изменения данных, а затем компонент обновляет шаблон автоматически после получения результата.
Выводя все вместе, можно сказать, что async в контексте шаблонов HTML в Angular не работает, так как шаблоны Angular синхронные по своей природе. Однако, асинхронные операции могут быть выполнены в методах компонентов с использованием async и await.