Angular 使用NgFor之外的模板输入变量

一个常见而熟悉的案例：

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

---

您不需要使用

*ngFor

指令来解析单个对象，而是使用一个变量来为其分配异步属性，并在内部使用该替换变量作为

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

{{hero.name}

---

在

的一个工作示例中，您不需要使用*ngFor指令来解析单个对象，而是使用一个变量来为其分配异步属性，并在内部使用该替换变量作为

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

{{hero.name}

---

在

上的一个工作示例不需要迭代，

{（hero$| async）？.name}

如果我在hero类中有15个属性，会发生什么？订阅15次可观察的？

{{hero.name}{{hero.id}{{hero.something}

不需要迭代，

{（hero$| async）？.name}

如果我在hero类中有15个属性会发生什么？订阅15次可观察的？

{{hero.name}{{hero.id}{{hero.something}