Angular-从sibling2.component.html元素中的sibling1.component.ts调用m

Question

所以，我有两个同级组件，sibling1.component和sibling2.component。

sibling1.component.ts

myFunction() {
console.log('something');
}

我想在sibling2.组件中调用myFunction，如下所示：

sibling2.component.html

<button (click)="myFunction()"></button>

我读过一些关于共享数据的文章，但对我没有太大帮助。

有什么合适的方法吗？

谢谢！

Answer 1

没有办法在同级组件之间直接为方法着色。

我建议您做的是，将myFunction从sibling1放入父组件，并将其传递给sibling2。

如果这对您不起作用，您可以创建一个共享服务，提供给整个应用程序providedIn: 'root'。更多信息，您可以在此处阅读：https://angular.io/guide/singleton-services

并将该服务注入sibling2组件的构造函数中，并以这种方式使用它。

无论哪种方式，你都不能直接做，但我建议把它带到父组件上。