Использовать входные переменные шаблона вне NgFor

Question

Общий хорошо знакомый случай:

<div *ngFor="let hero of heroes$ |async">
  <span>{{hero.name}}</span>
</div>

Мой вопрос заключается в том, как вести себя так же, когда heroes не является Наблюдаемой из массива Hero с, но Наблюдаемой из единственного Героя

<div *???="let hero of hero$ |async">
  <span>{{hero.name}}
</div>

Answer 1

Вам не нужно использовать директиву *ngFor для разбора одного объекта, вместо этого используйте переменную, чтобы присвоить ему асинхронное свойство и использовать эту замещающую переменную внутри как

<ng-container *ngIf="hero$ | async as hero">
    {{hero.name}}
</ng-container>

Рабочий пример на https://stackblitz.com/edit/angular-async-pipe-with-ngif-else