Custom Directive click HostListener not working in ionic 4

i try to add a custom directive with a HostListener click. i generate a directive in ionic

import {Directive, ElementRef, HostListener} from '@angular/core';

    selector: '[appGoHome]'
export class GoHomeDirective {

    constructor() {

    @HostListener('click') onClick() {
        console.log('Host Element Clicked');


and this is my Element

<button appGoHome>test</button>

in app.modul the directive is set in declarations:

declarations: [AppComponent, RisHomeDirective],

But when i click on the Button, the directive is not firing? Whats wrong?

It is working, if i remove the Directive from app.module -> declaration and put it directly in the component.modult.ts where i use it.

i must declare and export the directive i seperate directive.module.ts and import this in every component where i use it.

import {NgModule} from '@angular/core';
import {GoHomeDirective} from './go-home.directive';

    declarations: [GoHomeDirective],
    imports: [],
    exports: [GoHomeDirective]
export class GoHomeDirectiveModule {