[Angular]——兄弟组件交互

虽菜但瘾

于 2020-09-30 14:16:28 发布

阅读量3k

点赞数 1

分类专栏： Angular 文章标签： angular2

本文链接：https://blog.youkuaiyun.com/sungoodluck666/article/details/108883977

版权

本文介绍在Angular中如何实现兄弟组件交互，通过使用父服务作为中间人来传递值。详细讲解了创建兄弟组件的过程，包括tom和jack组件的设置，以及parent.service.ts中的Subject使用。总结强调了Subject在多播中的角色，允许多个观察者共享同一订阅者函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

兄弟组件

兄弟组件一般使用中间人的方式实现交互，中间人也有不同的选择，可以使用第三者或者父组件也可以使用父服务，相对于第三者组件，父组件和服务的优点就体现出来了——稳定，父子组件一般是有耦合的，所以在确保模块的独立性时会选择父服务作为中间人。

本篇文章参照angular8兄弟之间传值

创建兄弟组件

在这里插入图片描述
相对于parent模块来说，tom 和 jack 是兄弟组件。parent.service就是选用的中间人。

tom.component.html

<div style="margin: 0; padding: 0;">
  <div
    style="width: 49%;height: 200px;text-align: center; border:1px solid red; margin-right: 5px;float:left ;padding: 5px;

最低0.47元/天解锁文章