Javascript 如何将多个*ngIf与&&；算符和在角上？

如何使用&&'运算符实现“as”以获得以下结果

*ngIf="(items$ | async as items) && (filters$ | async as filters)"

当前，这将返回一个模板分析错误。

---

我已经尝试了一系列变体。

您可以通过以下三种方式来实现：

一,

---

使用最后一个选项，您可以访问项目和筛选器，如

filteriems.items

和

filteriems.filters

太好了。哇！谢谢你，伙计。

<ng-container *ngIf="items$ | async as items">
  <ng-container *ngIf="filters$ | async as filters">

  </ng-container>
</ng-container>

<ng-container *ngIf="{ items: items$ | async, filters: filter$ | async } as data">
  <ng-container *ngIf="data.items && data.filters">

  </ng-container>
</ng-container>

readonly filterItems$ = combineLatest([
  this.items$,
  this.filters$
]).pipe(
  map(([ items, filters ]) => ({ items, filters }))
);

<ng-container *ngIf="filterItems$ | async as filterItems"></ng-container>