Angular 从模板中的[object]获取数据

我想从模板中的响应中读取数据，该模板是一个对象数组。

现在我想使用索引获取数据。我尝试了下面的代码，但无法获取数据

<ion-row>
      <ion-col class="colomn">
        Vacation
      </ion-col>
      <ion-col>
        {{leaves[0].id}}
      </ion-col>
    </ion-row>

假期
{{leaves[0].id}

但它抛出错误

无法读取未定义的属性id

。如何从对象中获取值

查询： 您能告诉我如何从以下数据中获得创建日期的u吗

---

下面的答案不适用于此。

将leaves变量定义为如下所示的数组

leaves: any[] = []

在你的模板中，像这样使用

<ion-row>
    <ion-col class="colomn">
       Vacation
    </ion-col>
    <ion-col>
       {{leaves[0]?.id}}
    </ion-col>
</ion-row>

假期
{{leaves[0]？.id}

另一种方法是使用*ngIf

<ion-row *ngIf="leaves.length > 0">
     <ion-col class="colomn">
        Vacation
     </ion-col>
     <ion-col>
        {{leaves[0].id}}
     </ion-col>
</ion-row>

假期
{{leaves[0].id}

请发布您的ts文件和页面的HTML文件。。因此，我们可以更好地了解这种情况。嘿，答案适用于这种格式。你能告诉我如何以日期值进行创建吗。我已经用我的数据格式更新了我的问题@阿詹塔大手帕