从angular中同级组件的子级调用父组件函数

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

@Component({
  selector: 'app-child',
  template: `
    <button (click)="callParent()">Call Parent</button>
  `
})
export class ChildComponent {
  @Output() parentFunction = new EventEmitter();

  callParent() {
    this.parentFunction.emit();
  }
}

<app-child (parentFunction)="parentFunction()"></app-child>

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (parentFunction)="parentFunction()"></app-child>
  `
})
export class ParentComponent {
  parentFunction() {
    console.log('Parent function called!');
  }
}