在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指令来解析单个对象，而是使用变量来为其分配async属性，并在其中使用该替代变量作为

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

https://stackblitz.com/edit/angular-async-pipe-with-ngif-else上的工作示例