如何在Angular中从外部调用组件的函数

public publicFunction(): void {
  // 执行一些操作
}

<app-my-component #myComponent></app-my-component>

import { Component, ViewChild } from '@angular/core';
import { MyComponent } from './my-component.component';

@Component({
  selector: 'app-root',
  template: `
    <app-my-component #myComponent></app-my-component>
    <button (click)="callComponentFunction()">调用组件函数</button>
  `
})
export class AppComponent {
  @ViewChild('myComponent') myComponent: MyComponent;

  public callComponentFunction(): void {
    this.myComponent.publicFunction();
  }
}