Angular 离子角动态网格显示json

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

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

我如何以json格式为所需大小的检索数据动态创建一个ionic网格？ 在这种情况下，我希望网格有两行两列，每行第一列有日期，第二列有时间

我看到了一个ngFor*操作符，但我不知道如何在存储在一个名为“RetrievedData”的模型中的检索数据上使用它。我可以轻松地使用typescript文件中的retreviedData[0][0]访问数据（数据被检索到的地方），并得到结果“2021-05-17”，但我不知道如何在html文件中动态执行，我应该在html文件中对检索到的数据进行forloop，并按照上面所述显示它。

html code

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

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

---

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