首页 >web前端 >js教程 >如何在 Angular 2 中的同级组件之间进行通信?

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

Linda Hamilton
Linda Hamilton原创
2024-11-14 13:40:02361浏览

How Can I Communicate Between Sibling Components in Angular 2?

Angular 2 同级组件通信

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

共享服务方法

1。共享服务:

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

2.父组件:

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

3.子组件:

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

子组件 1:

子组件组件2 (兄弟姐妹):

4。数据共享:

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

注释:

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

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn