Angular: ContentChild 未定义

Angular: ContentChild is undefined

我正在使用 Angular 5 并尝试创建某种动态组件。

我有一个简单的指令,MyColumnDef(带有选择器[myColumnDef])。没有什么特别的。我在以下地方使用它:

parent.compontent.html:

<div>
  <my-table>
    <ng-template myColumnDef>
      Lorem ipsum.
    </ng-template>
  </my-table>
</div>

我的-table.component.html:

<div>
  Something:
  <ng-container *ngTemplateOutlet="temp"></ng-container>
</div>

我的-table.component.ts:

 @ContentChild(MyColumnDef, {read: TemplateRef}) temp;

这应该显示'Lorem ipsum.'文本,但什么也没有,实际上tempundefined(根据ngAfterViewInit中的console.log),我不知道为什么。我错过了什么吗?

我没有把指令放在它自己模块的 exports 数组中。