要在Angular中从一个组件调用另一个组件的函数,可以使用以下步骤:
export class Sibling1Component {
myFunction() {
// 在这里编写你的逻辑
}
}
import { Component, ViewChild, ElementRef } from '@angular/core';
import { Sibling1Component } from '../sibling1/sibling1.component';
@Component({
selector: 'app-sibling2',
templateUrl: './sibling2.component.html',
styleUrls: ['./sibling2.component.css']
})
export class Sibling2Component {
@ViewChild(Sibling1Component) sibling1: Sibling1Component;
callSibling1Function() {
this.sibling1.myFunction();
}
}
这样,当在sibling2组件的HTML中点击按钮时,将调用sibling1组件的myFunction方法。
注意:确保在模块中正确导入和声明Sibling1Component和Sibling2Component。