Javascript 离子显示阵列结果模板

我试图将数组中的结果显示到html模板中。我需要显示任务对象。目前我可以成功地用控制台记录结果，但当我试图显示它时，我会得到一个空白的离子列表。我正在从离子存储器中检索阵列

[
  {
    "projects": {
      "projectname": "test",
      "dateadded": "09 April 2018, 6:29AM",
      "location": "us",
      "tasks": {
        "0": {
          "taskname": "test",
          "taskdescription": "test",
          "taskdealer": "test",
          "tasksupplier": "Technical",
          "taskdeadline": "2018-04-08"
        },
        "1": {
          "taskname": "test",
          "taskdescription": "test",
          "taskdealer": "test",
          "tasksupplier": "Technical",
          "taskdeadline": "2018-04-08"
        }
      }
    }
  }
]

我的尝试

this.storage.get('projectsStore').then(data => {
  for (var i = 0; i < data.length; i++) {
      console.log(data[i].projects.tasks);
      this.tasks = [data[i].projects.tasks];
    }
})

<ion-list>
  <button ion-item no-padding *ngFor="let item of tasks">
    <h2>{{item.taskname}}</h2>
    <p>{{item.taskdeadline}}</p>
  </button>
</ion-list>

this.storage.get（'projectsStore'）。然后（data=>{
对于（变量i=0；i

您不能重复该对象。将其转换为数组，如下所示。它应该是这样工作的：

this.storage.get('projectsStore').then(data => {
  for (var i = 0; i < data.length; i++) {
      console.log(data[i].projects.tasks);
      this.tasks = Object.values(data[i].projects.tasks);
    }
})

this.storage.get（'projectsStore'）。然后（data=>{
对于（变量i=0；i

---

看看这把小提琴：。单击以查看您的列表是否重复。

您可以显示此列表的日志。任务

{“0”：{“taskname”：“test”、“tasksdescription”：“test”、“taskdaler”：“test”、“tasksupplier”：“Technical”、“taskdudate”：“2018-04-08”}，“1”：{“taskname”：“test”、“tasksdescription”：“test”、“taskdaler”：“test”、“taskdaler”：“test”，“tasksupplier”：“Technical”，“taskdeadline”：“2018-04-08”}

谢谢，但我得到“[ts]属性'values'在类型'ObjectConstructor'上不存在”。修复了上述错误，但仍然得到空显示。如果我显示这个

{{item}}

，那么我会得到[object，object]，[object，object]。如果我显示此

{{item.taskname}}

，我将一无所获。您可以在上述步骤后记录您的this.tasks，并在此处显示

[{“0”：{“taskname”：“test”，“tasksdescription”：“test”，“taskdaler”：“test”，“tasksupplier”：“Technical”，“taskdurational”：“2018-04-08”}，“1”：{“任务名称”：“测试”、“任务描述”：“测试”、“任务经销商”：“测试”、“任务供应商”：“技术”、“任务截止日期”：“2018-04-08”}}]