Angular @Output 和 EventEmitter 不工作

当你在使用Angular框架时，@Output和EventEmitter是用来实现父子组件通信的重要工具。然而，有时你可能会遇到它们似乎不起作用的情况。这可能是因为一些常见的问题，导致你的事件并未按预期触发或传递。

typescript
// 子组件
import { Component, EventEmitter, Output } from '@angular/core';
@Component({
  selector: 'app-child',
  template: `
    触发事件
  `,
})
export class ChildComponent {
  @Output() myEvent = new EventEmitter();
  emitEvent() {
    this.myEvent.emit('触发了事件！');
  }
}

typescript
// 父组件模板

typescript
   import { ChangeDetectorRef } from '@angular/core';
   constructor(private cdr: ChangeDetectorRef) {}
   // 在适当的时候手动触发变更检测
   triggerChangeDetection() {
     this.cdr.detectChanges();
   }