在 Angular 应用程序中，组件是最基本的构建块。但是，在一个大型的应用程序中，不同的组件之间需要进行通信，以便共享数据和状态。这就需要使用 Angular 提供的一些机制来实现组件间的通信。
单向数据绑定
在 Angular 中，组件之间最常见的通信方式是单向数据绑定。这种方式是将数据从父组件传递到子组件，并且只能通过属性绑定来实现。
例如，我们有一个父组件和一个子组件：
-- -------------------- ---- -------
-- ---
------------
--------- -------------
--------- -
---------- --------------------------------------
-
--
------ ----- --------------- -
------------- - ------ ---- --------
-
-- ---
------------
--------- ------------
--------- -
-- ------- --
-
--
------ ----- -------------- -
-------- -------- -------
-在这个例子中，父组件通过将 parentMessage 属性绑定到子组件的 message 属性来将数据传递给子组件。子组件可以使用 @Input() 装饰器来接收从父组件传递过来的数据。
通过服务进行通信
除了单向数据绑定之外，还可以使用 Angular 的服务机制来实现组件之间的通信。服务是一个可注入的类，它可以在应用程序中的任何地方使用，包括组件。
例如，我们有一个服务和两个组件：
-- -------------------- ---- -------
-- --
-------------
----------- ------
--
------ ----- ----------- -
------- ------------- - --- ----------------------------
-------------- - ----------------------------------
---------------------- ------- -
---------------------------------
-
-
-- ---
------------
--------- -------------
--------- -
------- ---------------------------- ----------------
-
--
------ ----- --------------- -
------------------- ------------ ------------ --
------------- -
------------------------------------- ---- ---------
-
-
-- ---
------------
--------- ------------
--------- -
-- ------- --
-
--
------ ----- -------------- -
-------- -------
------------------- ------------ ------------ --
---------- -
------------------------------------------------- -- ------------ - ---------
-
-在这个例子中，我们创建了一个名为 DataService 的服务，它包含一个名为 messageSource 的私有行为主题，以及 currentMessage 和 changeMessage 方法。父组件通过调用 changeMessage 方法来改变消息内容，而子组件则订阅了 currentMessage，并在消息发生变化时更新自己的 message 属性。
使用事件进行通信
最后一种组件之间的通信方式是使用事件。在 Angular 中，每个组件都有自己的事件流，组件可以通过事件来触发另一个组件中的处理函数。
例如，我们有两个组件：
-- -------------------- ---- -------
-- ---
------------
--------- -------------
--------- -
---------- ----------------------------------------------------
-
--
------ ----- --------------- -
-------- -------
---------------------- -
------------ - -------
-
-
-- ---
------------
--------- ------------
--------- -
------- ---------------------------- ----------------
-
--
------ ----- -------------- -
--------- ------------ - --- -----------------------
------------- -
----------------------------- ---- --------
-
-在这个例子中，子组件通过 @Output() 装饰器创建了一个名为 messageEvent 的事件，并在点击按钮时触发了该事件。父组件通过将 receiveMessage 方法绑定到子组件的 messageEvent 上来捕获该事件，并在方法
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/927