Question

我是Angular2的新手，我想读出一个json文件。它工作，我从REST客户端获取文件，我可以将文件保存在组件中的本地变量中。现在我试图用ngFor读取属性（数组），但这不起作用。这是html：

<div *ngFor="let categories of tasks.tasks">
    {{categories}} --> Display name of categorie (epg, recs)
    <p *ngFor="let task of categories">{{task.text}}</p>
</div>

JSON-File：

{
    "tasks": {
        "epg": [{
            "text": "\\\\...\\Daten\\Videos\\Aufnahmen"
        }, {
            "text": "C:\\Users\\...\\Desktop"
        }],
        "recs": [{
            "text": "\\\\...\\Daten\\Videos\\Aufnahmen"
        }, {
            "text": "C:\\...\\Junias\\Desktop"
        }]
    }
}

希望有人可以帮助我;）

Answer 1

考虑

z={
"tasks": {
    "epg": [{
        "text": "\\\\...\\Daten\\Videos\\Aufnahmen"
    }, {
        "text": "C:\\Users\\...\\Desktop"
    }],
    "recs": [{
        "text": "\\\\...\\Daten\\Videos\\Aufnahmen"
    }, {
        "text": "C:\\...\\Junias\\Desktop"
    }]
}

将您的JSON修改为

  let a=this.z.tasks;
  this.z = Object.keys(a).map(function(k) { return a[k] });

这是plunker

Angular2迭代ngFor JSON文件

1 个答案: