Angular2迭代ngFor JSON文件

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文件：

{
    "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] });

這是一個矮人