无法使用@ContentChild

Question

我的指令如下：

@Directive({
    selector: '[expTemplate]',
})
export class ExpTemplateDirective {
    constructor() { }
}

@NgModule({
    imports: [],
    exports: [ExpTemplateDirective],
    declarations: [ExpTemplateDirective]
})
export class SharedModule { }

我从标题传递到下拉列表组件，如下所示

    <dropdown [items]="navItem.subMenu" dropDownType="navMenu xs-hide sm-hide" [theme]="'dropdown-primary'" [placement]="'left'">
        <a *ngIf="navItem.type !== 'ng2'" href="{{navItem.link}}">{{navItem.text}}</a>
        <a *ngIf="navItem.type === 'ng2'" href="{{navItem.link}}">{{navItem.text}}</a>
        <template expTemplate let-item>
            <a  href="{{item.link}}">{{item.text}}</a>
         </template>
    </dropdown>

现在我想在我的下拉列表组件上访问该expTemplate指令，但我得到它未定义

@ContentChild(ExpTemplateDirective) templateRef: ExpTemplateDirective;

我无法理解我在这里缺少的东西请帮助我......