如何检查数据是否完整加载以使用异步管道 Angular 8

how check if the data is complete load to use async pipe Angular 8

我有一个 json 文件来模拟对 API 的请求 我在我的服务中使用 httpClient 我 return 它

服务

这是我的主页组件

这是我的 html 主页组件

但我做错了什么，因为我可以打印数据，但是其中一个元素呈现为空 这是我得到的结果

我怎样才能防止这种情况我是新手在此先感谢。

在你的主页组件模板中；看起来您正在 *ngFor 循环之前渲染一个名为 app-card 的组件。

难道是空卡

<div class="col-md-4>
  <app-card></app-card>
</div>