Как я могу получить ссылку на тот же тип дочернего компонента внутри родительского компонента

Question

Для получения ссылки ребенка компонента мы имеем опцию-

@ViewChild(ChildComponent) 
childComp: ChildComponent; 

Интересно, что если у меня есть тот же компонент ребенка в два раза или более, как я могу получить все дочерние компоненты одного типа в разных переменных. Например, в моем родительском шаблоне я have-

<div> 
    <child-selector></child-selector> 
    <child-selector></child-selector> 
</div> 

Как я могу получить ссылку на как же компонента дочернего типа внутри родительского компонента? Любая помощь будет высоко оценен

Answer 1

Использование ViewChildren

@ViewChildren(ChildComponent) 
childComps: QueryList<ChildComponent>; 

* дети элемент, который находится внутри его шаблона компонента называются * вид * дети. С другой стороны, ** элементы , которые используются между метками открытия и закрытия узла элемента данного компонента, называются * content children **.

http://blog.mgechev.com/2016/01/23/angular2-viewchildren-contentchildren-difference-viewproviders/