Угловое 2 шаблона задающее с * ngFor

Question

У меня есть два компонента: список и детали

В списке компонента Я хочу сделать несколько компонентов подробно.

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> 

Обратите внимание на #details tempalte ссылочной переменной. Я хочу получить доступ ко всем деталям. Можно сделать переменную массив #details?

Answer 1

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

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

Смотрите также angular 2/typescript : get hold of an element in the template