Question

我有这个html-tamplate

<div *ngIf="results$ | async; else notFound">
...
</div>
<ng-template #notFound>
<div>
  <h2>Not found</h2>
</div>
</ng-template>

results $是一个Observable对象，该对象在component中初始化，包含3个不同的数组。如何检查我的$ results是否为空（实际上检查此对象中的所有数组是否为空）

*ngIf

因此将显示模板中的内容。

<ng-template #notFound>

Answer 1

<div *ngIf="results$ | async as threeArrays>
  <div *ngIf="!allArraysAreEmpty(threeArrays); else allArraysEmpty">
    ...
  </div>
  <ng-template #allArraysEmpty>
    <div>
      <h2>All 3 arrays are empty</h2>
    </div>
  </ng-template>
</div>

检查是否有空的可观察对象

1 个答案: