Javascript 如何在Ionicframework中输出异步/可观察数据？

我正在学习LinkedIn学习教程，但无法输出从URL获取的数据

我已经尝试添加*ngIf=“（activityDetail | async）”了，它可以正常工作。但它显示

无法读取null的属性“id”

这是我的

ActivityDetail

视图

 <ion-header>
      <ion-toolbar>
        <ion-buttons slot="start">
          <ion-back-button></ion-back-button>
        </ion-buttons>
        <ion-title>ActivityDetail</ion-title>
      </ion-toolbar>
    </ion-header>

    <ion-content>
      <ion-card>
        <ion-header>
          <ion-card-title>Test {{(activityDetail | async).id}}</ion-card-title>
        </ion-header>
      </ion-card>
    </ion-content>

无法在我的控制台上读取null的属性“id”。我应该在视图中输出活动的ID

{{(activityDetail | async)?.id}} 

由于您使用的是异步管道，可观察对象未完成，因此它正在查找尚未存在的属性id。请使用

？。

符号进行可能的空检查

{（activityDetail | async）？.id}

{{(activityDetail | async)?.id}}