获取@ChildComponent Angular中的子组件

时间:2017-11-13 19:16:34

标签: javascript angular typescript components children

我试图获得另一个组件的子组件,是否可能?例如,我有这个QueryList:

@ContentChildren(SysColumn) syscolumns: QueryList<SysColumn>;

它将创建一个实例化的所有SysColumns类的QueryList,这是完美的,但是我需要获取SysColums中的子组件列表...... HTML将是这样的:

<parent>    
 <sys-column>
  <child></child>
 </sys-column>
 <sys-column>
   <child></child>
 </sys-column>
</parent>

如果我执行QueryList的Foreach,它将显示两个SysColms,但现在我需要有内部组件。我怎样才能实现它

2 个答案:

答案 0 :(得分:1)

如果要查询子组件,@ContentChildren()需要看起来像

@ContentChildren(Child, {descendants: true}) children: QueryList<Child>;
无论如何,

{descendants: true}可能是默认值(不记得)

答案 1 :(得分:0)

我在角度GitHub上找到了解决方案:https://github.com/angular/angular/issues/11039#issuecomment-242091301