angular2上市管道/过滤ngFor导致

Question

嗨，大家好我NG2页面与几个嵌套* ngFor每个管我想以做所有这些行动内的项目列表，

这样的事情：

<div *ngFor="let a of b | x |y | z"> 
    <div *ngFor="let c of a | x |y | z"> 
    <div *ngFor="let d of c"> 
     <div [service]="(d.item|async)"></div> 
    </div> 
    </div> 
</div> 

我想列出所有d.item在一个列表中并调用它的方法。

Answer 1

找到了解决办法

export class component { 
 

 
    @ViewChildren('myVar') createdItems; 
 

 
    showChildren() { 
 
    console.log(this.createdItems.toArray().length); 
 
    } 
 
    }

<div *ngFor="let a of b | x |y | z"> 
 
    <div *ngFor="let c of a | x |y | z"> 
 
    <div *ngFor="let d of c"> 
 
     <my-component #myVar [service]="(d.item|async)"></div> 
 
    </div> 
 
    </div> 
 
</div>