如何在parentComponent angular中显示childComponent中的工具提示内容

<div #tooltipElement class="tooltip">这是工具提示内容</div>

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent {
  @ViewChild('tooltipElement', { static: true }) tooltipElement: ElementRef;

  getTooltipContent(): string {
    return this.tooltipElement.nativeElement.innerText;
  }
}

<app-child></app-child>
<div class="tooltip-content">{{ childComponent.getTooltipContent() }}</div>

import { Component, ViewChild } from '@angular/core';
import { ChildComponent } from '../child/child.component';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent {
  @ViewChild(ChildComponent, { static: true }) childComponent: ChildComponent;
}