如何在父组件中获取相同类型子组件的引用

Question

为了获取子组件引用，我们有选项-

@ViewChild(ChildComponent)
childComp: ChildComponent;

我想知道如果我有两次或更多次相同的子组件怎么办，如何在不同的不同变量中获取所有相同类型的子组件。例如，在我的父模板中，我有-

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

如何在父组件中获取相同类型子组件的引用？任何帮助将不胜感激

Answer 1

使用 ViewChildren

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

*位于组件模板内的子元素称为*view children*。另一方面，**元素 在主机的开始标签和结束标签之间使用 给定组件的元素称为 *content children **。

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