在使用 AngularJS 开发应用程序时，你可能需要在服务中发送自定义事件。本文将介绍如何在 AngularJS 服务中创建和触发自定义事件。
创建自定义事件
首先，在服务中创建自定义事件需要使用 $rootScope 和 $emit 方法。 $rootScope 是整个应用程序的根作用域，可以用于广播事件。 $emit 方法用于向父级作用域（包括 $rootScope）广播事件。
以下是一个示例服务，它创建了一个名为 customEventService 的服务，并在其上添加了一个名为 customEvent 的自定义事件：
----------------------------------------------------- -------------- -------------------- -
--- ------- - ---
------------------- - -------------- -
------------------------------- ------
--
------ --------
----在上面的代码中，当调用 customEvent 方法时，它将使用 $rootScope.$emit 方法将 customEvent 事件广播到所有父级作用域中。
监听自定义事件
要监听自定义事件，需要使用 $rootScope.$on 方法。下面是一个示例控制器，它监听 customEvent 事件并打印事件数据：
-------------------------------------------------- ---------- ---------------------
---------------- ------------------- -
----------------------------- --------------- ----- -
--------------------- ------- ------
---
-------------------------------- -------- ------- ------- ---
-
---在上面的代码中，当 customEventService 服务调用 customEvent 方法时，它将触发 customEvent 事件并将数据传递给监听器函数。在本示例中，监听器函数会打印 "Received data: { message: 'Hello, world!' }"。
总结
本文介绍了如何在 AngularJS 服务中创建和触发自定义事件，并提供了示例代码。通过使用这些技术，您可以更轻松地编写可维护和可扩展的 AngularJS 应用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28797