如何在Angular中将子输出传递到包含router-outlet的应用组件

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

@Component({
  selector: 'app-child',
  template: `
    <button (click)="emitOutput()">Emit Output</button>
  `
})
export class ChildComponent {
  @Output() childOutput: EventEmitter<any> = new EventEmitter();

  emitOutput() {
    this.childOutput.emit('Hello from child component!');
  }
}

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

@Component({
  selector: 'app-root',
  template: `
    <app-child (childOutput)="handleChildOutput($event)"></app-child>
    <router-outlet></router-outlet>
  `
})
export class AppComponent {
  handleChildOutput(output: any) {
    console.log(output);
    // 处理子组件输出的值
  }
}