Angular 2 Template Referenzgröße mit * ngFor

Question

Ich habe zwei Komponenten: Listen- und Detail

In Liste Komponente ich mehrere Detailkomponenten machen möchten.

list.component.ts

@Component({ 
    selector: 'detail', 
    templateUrl: './detail.component.html' 
}) 
export class DetailComponent { 
    @ViewChild('details') details; 

    public items = { 
     // ... 
    } 
} 

list.component.html

<detail *ngFor="let item of items" #details></detail> 

Hinweis der #details tempalte Referenzgröße. Ich möchte auf alle Detailkomponenten zugreifen. Es ist möglich, die #details Variable ein Array zu machen?

Answer 1

@ViewChildren('details') details:QueryList<DetailComponent>; 

ngAfterViewInit() { 
    console.log(this.details.toArray()); 
    this.details.changes.subscribe(changes => { 
    console.log(this.details.toArray()); 
    }); 
} 

Siehe auch angular 2/typescript : get hold of an element in the template