I got ng2 page with several nested *ngFor each with pipes I want to get the list of inner items in order to do action on all of them.
Something like this:
<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>
I want to list all d.item in a single list, and call a method on it.
found a solution
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>