Angular 6 @ContentChildren不查询扩展组件

Question

我有一个关于ContentChildren装饰器的问题。

我想为桌面创建一个控制器用户界面。我创建了一些组件来处理控制器输入（举个例子，假设起始页可能是这个）：

• ControllerInputWrapperComponent（扩展ControllerContainerComponent） ControllerContainerComponent 面板（扩展ControllerContainerComponent） 面板（扩展ControllerContainerComponent） ControllerContainerComponent 面板（扩展ControllerContainerComponent） 面板（扩展ControllerContainerComponent） 面板（扩展ControllerContainerComponent） DifPanel（扩展ControllerContainerComponent）

ControllerContainerComponent模板如下所示：

<template #host></template>
<ng-content></ng-content>

（模板是通过json模板生成面板的可选选项）

现在我希望ControllerContainerComponent查询作为ControllerContainerComponent实例的子节点。如果我使用ControllerContainerComponent作为@ComponentChildren装饰器中的选择器，它会在初始化内容后返回一个空列表。

之后我尝试查询确切的类（在本例中为PanelComponent），然后得到一些结果，但它们不会包含像DifPanelComponent这样的组件

我的问题是：

这是角度问题还是我做错了什么？

编辑：

我在stackoverflow上发现了一个类似的问题，但是并没有给出我正在寻找的答案，而不是关于当前版本的角度：qazxsw poi

第二次编辑：

这是一个stackblitz，它演示了我的问题：Angular 2 - Using @ContentChildren for filtering a component's content

Answer 1

你可能需要https://stackblitz.com/edit/angular-vfmnd3它。 provide然后你就可以查询了。