Angular - 在不同组件中点击按钮运行功能

Question

我想在 Angular 中做一个简单的任务，但它给我带来了一些麻烦。

我有 2 个独立的组件，它们之间没有关系，我们称它们为组分A和B组份- 我想要的只是当我按下一个按钮时比较A运行函数组份 B- onClick 事件和相应的函数已经排序，我只需要调用来自组份B就像下面的例子：

组件-A.component.ts

onButtonClick() {
  //do something
  //call function from Comp B

  functionB();
}

组件-B.component.ts

functionB() {
  element.scrollTo({top: 0})
}

我只想调用函数组份 B在我的按钮的 onClick 函数中比较A这样容器的组份 B被滚动到顶部。

实现这一目标的最简单方法是什么？先感谢您！

Answer 1

创建一个具有主题的服务并注入两个组件。做这两件事：

1. 在组件B中，订阅主题
2. 在组件A中，在要调用的函数中设置主题

   确保取消订阅该主题

   一个很好的例子可以在这里找到：https://medium.com/mobiosolutions/angular-communicating-between-components-with-observable-827180e43eb5