在 Angular 2 中，组件是构建应用程序的基本单位。在某些情况下，我们需要让一个组件和另一个组件进行通信，以便它们能够共同工作，并产生所需的结果。
其中一种常见的场景是两个兄弟组件之间的通信。这篇文章将介绍如何在 Angular 2 应用程序中实现兄弟组件之间的通信。
通过 @Input 和 @Output 实现兄弟组件通信
在 Angular 2 中，@Input 和 @Output 装饰器提供了一种机制，可以实现一个组件向其父组件传递数据（@Output），或者从其父组件接收数据（@Input）。
如果我们希望两个兄弟组件之间进行通信，则可以使用它们共同的父组件来实现该功能。
例如，假设我们有两个兄弟组件：SiblingComponent1 和 SiblingComponent2，它们都有一个共同的父组件：ParentComponent。现在，我们想要SiblingComponent1向SiblingComponent2发送一条消息，以便后者可以采取相应的行动。
为此，我们可以在ParentComponent中创建一个用于存储消息的属性，并将其传递给SiblingComponent1和SiblingComponent2。SiblingComponent1通过@Output装饰器将消息发送到ParentComponent中。随后，ParentComponent将该消息传递给SiblingComponent2，使其能够响应该消息。
下面是示例代码：
-- -------------------- ---- -------
------ - ---------- ------- ------------ - ---- ----------------
------------
--------- -------------------
--------- -
-------------------- --------------------------------------------------------
-------------------- ------------------------------------------
-
--
------ ----- --------------- -
-------- -------
---------------------- ------- -
------------ - --------
-
-
------------
--------- ----------------------
--------- -
------- ---------------------------- ----------------
-
--
------ ----- ----------------- -
--------- ------- - --- -----------------------
------------- -
------------------------ ---- --------------------
-
-
------------
--------- ----------------------
--------- -
------- ------- --------
-
--
------ ----- ----------------- -
-------- -------- -------
-使用 RxJS 进行兄弟组件通信
在 Angular 2 中，RxJS 是一种广泛使用的库，可用于处理异步事件流。我们可以利用它来实现兄弟组件之间的通信。
对于两个兄弟组件之间的通信，我们可以在它们共同的父组件中创建一个 Subject 对象，并将其作为参数传递给两个子组件。当一个子组件发出消息时，它将通过 Subject 对象传递给另一个子组件。
下面是示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------- - ---- -------
------------
--------- -------------------
--------- -
-------------------- ------------------------------------------
-------------------- ------------------------------------------
-
--
------ ----- --------------- -
------- - --- ------------------
-
------------
--------- ----------------------
--------- -
------- ---------------------------- ----------------
-
--
------ ----- ----------------- -
------------------- ------- ---------------- --
------------- -
------------------------------- ---- --------------------
-
-
------------
--------- ----------------------
--------- -
------- ------- --------
-
--
------ ----- ----------------- -
------------------- -------
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------