Angular asyn c синтаксис канала

Question

Есть ли способ разложить на множители

(places$ | async) 

в

  <div *ngIf="(places$ | async) === undefined">Loading...</div>
  <div *ngIf="(places$ | async) === null">No data</div>
  <div *ngIf="(places$ | async) != null">{{ (places$ | async) }}</div>

Я действительно храню массив мест в моем наблюдаемом, и мне нужно проверить, является ли наблюдаемое undefined, null или не пусто.

С уважением,

Answer 1

вы можете использовать * ngIf для выполнения следующих действий

я заключу его в {}, чтобы убедиться, что мы все равно получим данные и на нас не повлияет ngIf

<ng-container *ngIf="{ data: places$ | async} as source">
  <div *ngIf="source.data === undefined">Loading...</div>
  <div *ngIf="source.data === null">No data</div>
  <div *ngIf="source.data !== undefined && data !== null">{{ source.data }}</div>
</ng-container>