在 Angular 中，服务是一个可注入的对象，用于提供应用程序所需的功能，比如数据访问、日志记录、消息传递等。服务是可重用的，并且可以在整个应用程序中共享和调用。
服务的创建
在 Angular 中，可以使用 @Injectable 装饰器来创建服务。例如，下面是一个简单的日志服务：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
-------------
----------- ------
--
------ ----- ------------- -
------------ ------- -
---------------------
-
-我们使用 @Injectable 装饰器来告诉 Angular，这是一个可注入的服务。在这个例子中，我们还使用了 providedIn 属性，将服务注册到根注入器中。
服务的注入
要使用服务，我们需要将其注入到组件或其他服务中。在 Angular 中，可以使用依赖注入（DI）来实现服务的注入。
假设我们有一个 UserService，用于获取用户信息。我们可以在组件中注入该服务：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- -----------
--------- -
-------- ------------
----- --------- ------
----- ---------- ------
--
--
------ ----- ------------- -
----- ----
------------------- ------------ ------------ --
---------- -
----------------------------------------- -- -
--------- - -----
---
-
-在组件的构造函数中，我们将 UserService 注入为私有成员变量。然后，在 ngOnInit 生命周期钩子中，我们调用 getUser 方法来获取用户信息，并将其赋值给 user 变量。
服务的共享
在 Angular 中，服务是单例的，也就是说，它们在整个应用程序中只创建一次。当我们在组件或其他服务中注入服务时，实际上是注入同一个实例。
这意味着我们可以在多个组件和服务之间共享数据和功能。例如，假设我们有一个 DataService，用于存储和检索应用程序的数据。我们可以在多个组件和服务中注入该服务，以便它们可以共享数据：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
-------------
----------- ------
--
------ ----- ----------- -
------- ----- ----
------------- ---- -
--------- - -----
-
--------- -
------ ----------
-
--- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- ------------------
--------- -
------------- ------
----- ---- ------
--
--
------ ----- ---------- -
----- ----
------------------- ------------ ------------ --
---------- -
--------- - ---------------------------
-
--- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- ------------------
--------- -
------------- ------
----- ---- ------
--
--
------ ----- ---------- -
----- ----
------------------- ------------ ------------ --
---------- -
--------- - ---------------------------
-
-在上面的例子中，我们创建了一个 DataService，用于存储和检索数据。然后，我们在两个组件中注入该服务，并使用 getData 方法来获取数据。
总结
服务是 Angular 中非常重要的概念。它们可以用于提供应用程序所需的功能，并在整个应用程序中共享和调用。在本文中，我们介绍了服务的创建、注入和共享。希望这篇文章能够帮助你更好地理解 Angular 中的服务，并为你的开发工作带来指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/657d7fedd2f5e1655d858a98