在sibling2.component.html元素中从sibling1.component.ts角度调用myFunction

import { Component, ViewChild } from '@angular/core';
import { Sibling2Component } from '../sibling2/sibling2.component';

@Component({
  selector: 'app-sibling1',
  templateUrl: './sibling1.component.html',
  styleUrls: ['./sibling1.component.css']
})
export class Sibling1Component {
  @ViewChild(Sibling2Component) sibling2: Sibling2Component;

  myFunction() {
    // 在这里编写你的逻辑代码
    console.log('调用了myFunction');
  }

  callMyFunction() {
    this.sibling2.myFunction();
  }
}

<button (click)="callMyFunction()">调用myFunction</button>