Angular 7: EventEmitter在单击事件上不起作用

Angular 7是一种流行的前端开发框架，它基于TypeScript构建，并且具有许多强大的功能和工具。在Angular中，EventEmitter是一个重要的类，用于在组件之间传递数据和触发自定义事件。

针对你提到的问题，即EventEmitter在单击事件上不起作用，可能有几个原因导致这种情况：

1. 错误的事件绑定：请确保你正确地将EventEmitter绑定到单击事件上。在Angular中，可以使用(click)指令将事件绑定到HTML元素上，例如：

<button (click)="onClick()">点击我</button>

在组件类中，你需要定义onClick方法，并在其中触发EventEmitter，例如：

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="onClick()">点击我</button>
  `
})
export class ExampleComponent {
  @Output() myEvent = new EventEmitter();

  onClick() {
    this.myEvent.emit();
  }
}

1. 未正确订阅事件：如果你在父组件中使用了子组件，并且想要监听子组件中的EventEmitter事件，你需要确保正确地订阅该事件。在父组件的模板中，可以使用(myEvent)指令来订阅事件，例如：

<app-example (myEvent)="handleEvent()"></app-example>

在父组件的类中，你需要定义handleEvent方法来处理EventEmitter事件的触发，例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <app-example (myEvent)="handleEvent()"></app-example>
  `
})
export class ParentComponent {
  handleEvent() {
    // 处理EventEmitter事件的触发
  }
}

1. 组件之间的层次关系：如果你的组件层次结构很复杂，可能会导致EventEmitter无法正常工作。请确保组件之间的层次关系正确，并且EventEmitter在正确的组件中定义和触发。

总结起来，EventEmitter在Angular中是一个非常有用的工具，用于在组件之间传递数据和触发自定义事件。如果EventEmitter在单击事件上不起作用，你需要检查事件绑定是否正确，是否正确订阅了事件，并确保组件之间的层次关系正确。如果问题仍然存在，可能需要进一步检查代码逻辑和调试。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，我无法给出具体的链接。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，你可以访问腾讯云官方网站，了解更多关于这些产品的信息和文档。