Variable de référence de modèle angulaire 2 avec * ngFor - angulaire

J'ai deux composants: liste et détail

Dans composant de liste Je veux rendre plusieurs composants de détail.

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>

Remarquez le #détails variable de référence tempalte. Je veux accéder à tous les composants de détail. Il est possible de faire la #détails variable un tableau?

Réponses:

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

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

Voir également angular 2 / typescript: met la main sur un élément du modèle