Angular 中具有输出 EventEmitter 的 RxJS fromEvent 运算符

### Angular 中使用 RxJS fromEvent 运算符与 EventEmitter

typescript
import { Component, ElementRef, AfterViewInit, ViewChild } from '@angular/core';
import { fromEvent } from 'rxjs';
@Component({
  selector: 'app-event-listener',
  template: `
    点击我
  `
})
export class EventListenerComponent implements AfterViewInit {
  @ViewChild('btnClick') button!: ElementRef;
  ngAfterViewInit() {
    const buttonClick = fromEvent(this.button.nativeElement, 'click');
    buttonClick.subscribe(() => {
      // 执行点击事件后的操作
      console.log('按钮被点击了！');
      // 可以在这里触发其他逻辑或者调用方法
    });
  }
}

typescript
import { Component, EventEmitter, Output } from '@angular/core';
@Component({
  selector: 'app-child',
  template: `
    发送消息给父组件
  `
})
export class ChildComponent {
  @Output() messageEvent = new EventEmitter();
  sendMessage() {
    const message = '这是来自子组件的消息！';
    this.messageEvent.emit(message);
  }
}
@Component({
  selector: 'app-parent',
  template: `
    
    
{{ receivedMessage }}
  `
})
export class ParentComponent {
  receivedMessage: string = '';
  receiveMessage(message: string) {
    this.receivedMessage = message;
  }
}