如何在 Angular 2 中的同级组件之间进行通信？

Angular 2 同级组件通信

同级组件无法访问彼此的属性和方法。本文探讨了 Angular 2 中兄弟组件之间利用共享服务进行通信的简单机制。

共享服务方法

1。共享服务：

创建共享服务作为通信中心。

2.父组件：

导入并提供父组件中的共享服务。

3.子组件：

将共享服务注入到两个兄弟组件中：

子组件 1：

子组件组件2 （兄弟姐妹）：

4。数据共享：

同级组件可以修改共享服务的数据数组，这将反映在其他同级组件中。

注释：

• 仅在父组件中包含共享服务提供者，以避免创建多个实例。
• 将服务导入并注入到同级组件中。
• 更新高于 beta 的 Angular 2 版本的导入语句。

以上是如何在 Angular 2 中的同级组件之间进行通信？的详细内容。更多信息请关注PHP中文网其他相关文章！