Расширение директив в Angular 4

Я пытаюсь расширить NgbPopover, чтобы отправить пользовательское действие при вызове методов всплывающего окна open или close.

У меня настроено следующее:

custom-popover.directive.ts

@Directive({  
    selector:'[customPopover]',
    exportAs:'customPopover'
}) 
export class CustomPopover extends NgbPopover {}

some-list.component.ts

<input #quantityInput
       (input)="onInputChange()"
       type="number"

       popoverTitle="Warning!"
       [customPopover]="validationError"
       #validationPopovers="customPopover">

<ng-template #validationError>{{ message }}</ng-template>

Я ожидаю, что это будет вести себя как исходный NgbPopover (что позволит мне переопределить методы open и close, если я того пожелаю), но вместо этого я получаю следующую ошибку:

Can't bind to 'customPopover' since it isn't a known property of 'input'.

РЕДАКТИРОВАТЬ (чтобы показать объявления/импорт в модулях):

custom-popover.module.ts

@NgModule({
    declarations: [
        CustomPopover
    ],
    imports: [
        NgbModule
    ],
    exports:[CustomPopover]
})
export class CustomPopoverModule { }

app.module.ts

@NgModule({
    imports: [
       ...
       CustomPopoverModule
    ],
    ...
})

some-list.module.ts

@NgModule({
    imports: [
        ...
        NgbModule,
        CustomPopoverModule
    ],
    ...
})