我们如何在Angular中访问ngOnInit上的output @Output？

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

@Component({
  selector: 'app-child',
  template: `
    <button (click)="emitData()">Emit Data</button>
  `
})
export class ChildComponent implements OnInit {
  @Output() dataEvent = new EventEmitter<string>();

  ngOnInit() {
    // 在ngOnInit中可以进行一些初始化操作
  }

  emitData() {
    this.dataEvent.emit('Hello from child component');
  }
}

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (dataEvent)="handleData($event)"></app-child>
  `
})
export class ParentComponent {
  handleData(data: string) {
    console.log(data); // 输出：Hello from child component
  }
}