从外部调用angular组件函数

// 目标组件
import { Component } from '@angular/core';

@Component({
  selector: 'app-target',
  template: '<p>{{message}}</p>',
})
export class TargetComponent {
  public message: string = 'Hello from target component!';

  public greet(name: string): string {
    return `Hello, ${name}!`;
  }
}

// 外部代码或其他组件
import { Component, OnInit } from '@angular/core';
import { TargetComponent } from './target.component';

@Component({
  selector: 'app-external',
  template: '<button (click)="callTarget()">Call Target Component</button>',
})
export class ExternalComponent implements OnInit {
  private targetComponent: TargetComponent;

  constructor(private target: TargetComponent) {
    this.targetComponent = target;
  }

  ngOnInit(): void {}

  public callTarget(): void {
    const result = this.targetComponent.greet('John');
    console.log(result);
  }
}