什么是 ngx-eventbus
ngx-eventbus 是一个基于 Angular 框架的事件总线库，该库允许在应用程序中快速地建立事件通信，并将其视为应用程序的架构的中心要素。
ngx-eventbus 提供了在应用程序中各种组件之间传递数据的能力，不管是从父组件到子组件，还是从子组件到父组件。它还能够在不同的组件之间传递数据，无论它们的位置或层次结构如何。
如何安装 ngx-eventbus
使用 npm 包管理器可以很容易地安装 ngx-eventbus。
npm install --save ngx-eventbus
如何使用 ngx-eventbus
定义事件处理程序
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------- ------ - ---- ---------------
------------
--------- -----------
------------ -----------------------
---------- -----------------------
--
------ ----- ------------ -
------------------- --------- ---------------- --
-------------- ------- -
------------------ ----------
-
-------------------
-------------- ------- -
--------------------
-
-在上面的代码中，我们创建了一个 AppComponent 组件，并注入了 EventBusService 服务以获取访问 ngx-eventbus 的能力。我们还定义了一个名为 greeting 的方法，这个方法是 sayHello 方法的子调用。
发送事件
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------------- - ---- ---------------
------------
--------- ------------
------------ -------------------------
---------- -------------------------
--
------ ----- -------------- -
------------------- --------- ---------------- --
------------ -
------------------------------ --------
-
-在上面的代码中，我们创建了一个名为 HelloComponent 的组件，并注入了 EventBusService 服务以访问 ngx-eventbus。我们还定义了名为 raiseEvent 的方法，它将 sayHello 事件传递给 AppComponent 组件。
接收事件
-- -------------------- ---- -------
------ - ---------- ------ - ---- ----------------
------ - ---------------- ------ - ---- ---------------
------------
--------- ---------------
------------ ----------------------------
---------- ----------------------------
--
------ ----- ----------------- ---------- ------ -
-------- -------
------------------- --------- ---------------- --
---------- -
---------------------------- ------ ------- -- -
------------ - ------ ---------
---
-
-在上面的代码中，我们创建了一个名为 GreetingComponent 的组件，并注入了 EventBuservice 服务。我们在 ngOnInit 钩子函数中注册了一个处理程序，该处理程序将针对 sayHello 事件，更新 message 变量。
总结
通过 ngx-eventbus 可以轻松地建立组件间的事件通信，这对于组件的复用以及代码的维护都有很大的帮助。通过本文的学习，你将掌握 ngx-eventbus 的基本使用方法，并且能够在实际项目中应用它来改善组件设计及其代码的可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733d890c4f72775835ac