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

在不使用模板的情况下检测Angular 2中的自定义事件，可以通过以下步骤实现：

创建一个自定义指令：首先，创建一个自定义指令来处理自定义事件。在指令的构造函数中，注入ElementRef和Renderer2，以便获取DOM元素和操作DOM。在指令中，使用@HostListener装饰器监听DOM事件，并在事件触发时执行相应的逻辑。

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>

注册自定义指令：在组件所属的模块中，将自定义指令添加到declarations数组中，以便Angular能够识别和使用该指令。

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

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

通过以上步骤，就可以在不使用模板的情况下检测Angular 2中的自定义事件。当点击按钮时，自定义指令中的onClick方法将被触发，可以在该方法中编写自定义事件的逻辑。

腾讯云相关产品和产品介绍链接地址：