2017-04-04 118 views
-2

我想循環通過json對象內的多個數組。 這是json對象結構的圖片。如何循環通過Json對象內的多個數組

enter image description here

我一直在嘗試使用ngFor遍歷它,但我得到一個錯誤。這裏的代碼我如何通過努力循環:

<ion-item *ngFor="let item of items"> 
{{conversation}} 
</ion-item> 

我收到以下錯誤:在所有的陣列

caused by: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. 

我需要能夠循環,但我可以」弄清楚如何做到這一點。任何幫助都感激不盡。

+0

這不是一個數組的數組,而是一個具有數組鍵的數組作爲屬性的數組。原始對象是如何生成的? –

+0

原始對象是通過API調用生成的,來自該API調用的數據以這種格式返回 – DN0300

+0

我非常確定ng-repeat被angular 2中的ngfor所取代? – DN0300

回答

2
// in component.ts 
data = []; 
constructor() { 
    for (let item of Object.keys(your_object)) { 
    this.data.push(your_object[item]); 
    } 
} 

// in component's template 
<ul> 
    <li *ngFor="let d of data"> 
    <span *ngFor="let i of d">{{i}}</data> 
    </li> 
</ul> 
+0

我試過了,我得到這個錯誤'造成的:無法讀取未定義的屬性'鍵' – DN0300

+0

驗證你的JSON似乎與JSON有關係問題 – mayur

+0

我做了Json似乎很好 – DN0300