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

Question

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

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

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

但它引发了错误cannot read property id of undefined。如何从对象中获取值？

查询： 你能让我知道如何从下面的数据中获取创建的_at日期 以下答案不适用于此。

Answer 1

将叶子变量定义为如下数组。

leaves: any[] = []

在你的模板中使用这样的。

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

另一种方法是，使用 * ngIf

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