2016-12-06 89 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遍历用户对于当前密钥值。