如何在不使用模板的情况下检测Angular 2中的自定义事件？

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

@Directive({
  selector: '[customEvent]'
})
export class CustomEventDirective {
  constructor(private el: ElementRef, private renderer: Renderer2) { }

  @HostListener('click', ['$event'])
  onClick(event: Event) {
    // 处理自定义事件的逻辑
  }
}

<button customEvent>触发自定义事件</button>

import { NgModule } from '@angular/core';
import { CustomEventDirective } from './custom-event.directive';

@NgModule({
  declarations: [CustomEventDirective],
  // 其他模块导入和导出等配置
})
export class AppModule { }