离子 angular 动态网格显示 json

Question

这就是我从后端服务取回数据的方式：

(2) [{…}, {…}]
0: {date: "2021-05-17", time: "+4:56"}
1: {date: "2021-05-18", time: "+5:34"}

我将如何为 json 格式的检索数据的所需大小动态创建离子网格？

在这种情况下，我希望网格有 2 行和 2 列，并且在每一行中，第一列中会有日期，第二列中有时间。

我看到了一个 ngFor* 运算符，但我不知道如何在存储在名为“retrivedData”的 model 中的检索数据上使用它。 我可以使用 typescript 文件（检索数据的位置）中的 retrievedData[0][0] 轻松访问数据并获得结果“2021-05-17”，但我不知道如何在 html 中动态执行此操作文件，我应该在其中循环遍历检索到的数据并按照我上面的描述显示它。

Answer 1

html code

<ion-row *ngFor="let item of retrievedData" >
        <ion-col size="6">{{item?.date}}</ion-col>
        <ion-col size="6">{{item?.time}}</ion-col>
      </ion-row>

ts code

public retrievedData = [
    { date: "2021-05-17", time: "+4:56" },
    { date: "2021-05-18", time: "+5:34" }
  ]