Angular 使用as关键字，然后在同一ngIf中使用长度

我希望避免多次同步操作，并希望使用'AS'关键字分配async属性，并进一步检查长度。 我尝试了以下代码，但出现错误：

<div *ngIf="(selectedNames$ | async as selectedNames)?.length"> {{selectedNames}}</div>

{{selectedNames}

我也尝试了另一种选择，但仍然是一样的：

<div *ngIf="((selectedNames$ | async) as selectedNames)?.length"> {{selectedNames}}</div>

{{selectedNames}

---

支架的位置似乎不正确。甚至可能吗？

获得所需结果的一种方法是使用两个

*ngIf

指令。第一个应用于

ng容器

，定义

selectedNames

变量。第二个将

*ngIf

条件和

selectedNames.length

应用于

div

元素：

<ng-container *ngIf="(selectedNames$ | async) as selectedNames">
  <div *ngIf="selectedNames.length">
    {{selectedNames | json}}
  </div>
</ng-container>

{{selectedNames}json}

请参见演示