在开发基于 Angular.js 的应用程序时，通常会有多个应用程序需要共享相同的服务。本文将介绍如何在多个 Angular.js 应用程序之间共享单个服务并提供示例代码。
问题描述
假设我们有两个 Angular.js 应用程序：App1 和 App2，它们都需要使用一个名为 myService 的服务。我们该如何确保这两个应用程序都使用同一个服务实例，而不是每个应用程序都创建自己的服务实例呢？
一种解决方案是将服务定义为全局变量。但这样会导致全局变量污染，可能与其他 JavaScript 库或框架产生冲突。
另一种解决方案是使用依赖注入来共享服务。但默认情况下，Angular.js 会为每个应用程序创建一个独立的依赖注入容器，因此无法直接共享服务。
解决方案
要在多个 Angular.js 应用程序之间共享单个服务，我们需要使用 Angular.js 中的 angular.module() 函数。angular.module() 函数用于定义和配置 Angular.js 模块。
创建模块和服务
首先，我们需要创建一个名为 sharedModule 的模块，并在其中定义一个名为 myService 的服务：
-- -------------------- ---- -------
-- ---------------
------------------------------ ---
--------------------- ---------- -
--- ------- - ---
-- ------- -------------- -------
------ --------
---在应用程序中使用共享服务
接下来，我们需要将 sharedModule 模块作为依赖注入到 App1 和 App2 中。
-- -------------------- ---- -------
-- -------
---------------------- -----------------
--------------------------- ------------------- -
-- --- --------- -------
---
-- -------
---------------------- -----------------
--------------------------- ------------------- -
-- --- --------- -------
---现在，App1 和 App2 都可以使用共享的 myService 服务了。由于它们都引用了相同的模块，因此它们都将使用同一个服务实例。
示例代码
完整的示例代码如下：
-- -------------------- ---- -------
--------- -----
------
------
------------- ------- ---------------
------- ------------------------------------------------------------------------------------
------- -------------------------------
------- -----------------------
------- -----------------------
-------
----- --------------
------- ------
---- -----------------------------
-- ------- --
------
--------
------------------------------ ---
--------------------- ---------- -
--- ------- - ---
--------------- - ------ ---- ------ ----------
------ --------
---
---------------------- -----------------
--------------------------- ------------------- -
------------ - ------------------
---
---------------------- -----------------
--------------------------- ------------------- -
------------ - ------------------
---
---------
-------
-------在这个示例中，我们创建了一个名为 myService 的服务，并将其定义在 sharedModule 模块中。然后，我们创建了两个应用程序：App1 和 App2，它们都引用了 sharedModule 模块，并使用了 myService 服务。
总结
在多个 Angular.js 应用程序之间共享单个服务是一种常见的需求。通过将服务定义在模块中并在多个应用程序中引用该模块，我们可以轻松地实现服务共享。此外，使用依赖注入和模块化的方法还
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28739