时间戳

首页 > 解决方案 > 角度异步管道语法

angular - 角度异步管道语法

问题描述

有没有办法分解

(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>

我确实在我的 observable 中存储了一个位置数组，我需要检查 observable 是否未定义或 null 或不为空。

此致，

标签： angular

解决方案

您可以使用 *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>

推荐阅读