json的离子角度动态网格显示答案

【问题标题】：Ionic angular dynamic grid display of a jsonjson的离子角度动态网格显示
【发布时间】：2021-05-25 11:20:10
【问题描述】：

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

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

我将如何动态创建一个离子网格以获取所需大小的 json 格式数据？

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

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

【问题讨论】：

标签： angular ionic-framework

【解决方案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" }
  ]

【讨论】：

Ty，我还必须在 .ts 中创建一个空的 public retreivedData = [] 然后设置从查询中获得的 this.retreivedData = retreivedDatam。