在 Angular 应用中，我们经常需要在多个组件之间共享数据或者执行一些全局的操作。为了实现这些功能，我们可以使用 Angular 的服务来完成。
Angular 的服务是一个可注入的类，它可以被多个组件共享，并且可以提供一些特定的功能。服务可以用来处理数据、执行异步操作、调用后端 API 等。
在本文中，我们将介绍 Angular 的全局服务注入技巧，包括如何在应用的根模块中注册服务，如何使用 Angular 提供的特殊注入器来注入服务，以及如何在组件之间共享服务实例。
在应用的根模块中注册服务
在 Angular 应用中，我们通常会在应用的根模块中注册服务，这样我们就可以在整个应用中使用该服务。要注册服务，我们需要在根模块中使用 @NgModule 装饰器，并将服务添加到 providers 数组中。
-- -------------------- ---- ------- ------ - -------- - ---- ---------------- ------ - ------------- - ---- ---------------------------- ------ - --------- - ---- --------------- ------ - ------------ - ---- ------------------ ----------- ------------- --------------- -------- ---------------- ---------- ------------ ---------- -------------- -- ------ ----- --------- --
在上面的代码中，我们将 MyService 添加到了 providers 数组中。这意味着我们可以在整个应用中使用 MyService。
使用 Angular 提供的特殊注入器来注入服务
在组件中使用服务时，我们通常会在构造函数中注入服务。如果服务只在当前组件中使用，我们可以使用默认的注入器来注入服务。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------- - ---- ---------------
------------
--------- -------------------
--------- ------- ------- --------
--
------ ----- ----------- -
-------- -------
------------------- ---------- ---------- -
------------ - ----------------------------
-
-在上面的代码中，我们在 MyComponent 的构造函数中注入了 MyService。我们可以通过 this.myService 来访问 MyService 的方法和属性。
但是，如果我们要在多个组件中共享服务实例，或者要在服务中注入其他服务，则需要使用 Angular 提供的特殊注入器。
特殊注入器是一个单例对象，它可以在整个应用中共享服务实例。我们可以使用 @Injectable 装饰器来将服务标记为可注入的，并使用 @Inject 装饰器来注入其他服务。
-- -------------------- ---- -------
------ - ----------- ------ - ---- ----------------
------ - -------------- - ---- ---------------------
-------------
------ ----- --------- -
----------------------------------- ------- --------------- --------------- --
------------- ------ -
------ ---------------------------------
-
-在上面的代码中，我们使用 @Injectable 装饰器将 MyService 标记为可注入的，并在构造函数中使用 @Inject 装饰器将 MyOtherService 注入到了 MyService 中。这样我们就可以在 MyService 中使用 MyOtherService。
在组件之间共享服务实例
如果我们要在多个组件之间共享服务实例，则需要使用特殊注入器来注入服务。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------- - ---- ---------------
------------
--------- -------------------
--------- ------- ------- --------
--
------ ----- ----------- -
-------- -------
------------------- ---------- ---------- -
------------ - ----------------------------
-
-在上面的代码中，我们在 MyComponent 的构造函数中注入了 MyService。由于我们使用了特殊注入器，因此 MyService 的实例将在整个应用中共享。
这意味着，当我们在另一个组件中也注入 MyService 时，我们将得到相同的服务实例。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------- - ---- ---------------
------------
--------- -------------------------
--------- ------- ------- --------
--
------ ----- ---------------- -
-------- -------
------------------- ---------- ---------- -
------------ - ----------------------------
-
-在上面的代码中，我们在另一个组件 MyOtherComponent 的构造函数中注入了 MyService。由于我们使用了特殊注入器，因此 MyService 的实例将在整个应用中共享，而不是每个组件都有一个独立的实例。
结论
在本文中，我们介绍了 Angular 的全局服务注入技巧，包括如何在应用的根模块中注册服务，如何使用 Angular 提供的特殊注入器来注入服务，以及如何在组件之间共享服务实例。希望本文对你学习和使用 Angular 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672491232e7021665e141d3f