2016-12-06 81 views
0

我運行一個循環內將以下代碼填寫數據的具體table.$key填充通過鍵數組和循環它

this.tableUsers[table.$key] = userData; 

我需要table.$key指數,以獲得每個表的用戶詳細信息。

我也想環路我this.tableUsers和輸出的所有表的userData所有項目,而無需知道table.$key

我試圖循環會這樣:

<div *ngFor="let user of tableUsers"> 
     test 
    </div> 

但在我的控制檯日誌我注意到這個輸出:

enter image description here

所以我創建了一個管道,廁所p鍵,但它不工作:

<div *ngFor="let user of tableUsers | keys"> 
     test 
    </div> 

鍵管:

export class KeysPipe implements PipeTransform { 
    transform(value, args:string[]) : any { 
    let keys = []; 
    for (let key in value) { 
     keys.push({key: key, value: value[key]}); 
    } 
    return keys; 
    } 

我怎麼能環路顯示在我的控制檯日誌中的每個項目?

+0

你可以顯示幾個例子,該數組中的對象是什麼樣的? –

+0

這有什麼關係?數組中的對象只是用戶數據,用戶名,圖片的對象。我需要迭代每個對象 – TheUnreal

回答

0

我認爲最簡單的方法是使用兩個*ngFor循環。

實施例:

<div *ngFor="let key of keys"> 
    <div *ngFor="let user of tableUsers[key]"> 
     test 
    </div> 
</div> 

*ngFor環路過表鍵和內*ngFor遍歷用戶對於當前密鑰值。