Javascript 如何调用另一个组件函数？ HomeComponent-component.ts button.component.html

现在，当我单击按钮时，我想调用homecomponent测试函数。以及两者都是两个组成部分，而不是父项或子项。那么它是如何工作的呢？

您能显示包含按钮组件的HTML吗

为此，按钮组件应具有输出属性

@Output("buttonClicked") buttonClicked = new EventEmitter();

然后家长会像这样连接它：

<app-button>
(buttonClicked)='onButtonClicked()'
</app-button>

---

组件之间有多种通信方式。您可以使用RxJS observable来发出实时事件，甚至是发射器（如果它们不是父子组件）。请参阅：@Abhinav Kumar您能给我一个例子吗？当使用此部件按钮Clicked='onButtonClicked'homecomponent时，显示按钮。它在另一个组件中

@Output("buttonClicked") buttonClicked = new EventEmitter();

<app-button>
(buttonClicked)='onButtonClicked()'
</app-button>

onButtonClicked(){
  //do something in parent component
}