在 Angular 中，服务是一种用于处理业务逻辑的可重用对象。服务可以从 Angular 应用中的任何地方访问，包括组件、指令、管道等等。在本文中，我们将介绍 Angular 服务的使用方法和一些常见的示例代码。
何时使用服务？
当我们需要在 Angular 应用中处理一些复杂的逻辑时，组件本身并不是最好的选择，这时服务就非常重要了。服务可以帮助我们有效地管理数据、共享代码和业务逻辑，从而提高代码复用性和可维护性。
在以下情况下，我们通常会使用服务：
- 处理业务逻辑；
- 共享、重用代码；
- 向后端服务器发送请求；
- 调用一些第三方代码库；
- 管理应用中的数据等等
Angular 中的服务
在 Angular 中，服务是一种特殊的类。通过使用 @Injectable 装饰器，我们可以将其注册到 Angular 应用中。Angular 会自动为我们创建服务的实例，并将其提供给需要它的组件等等。
我们先来看一个最简单的服务：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
-------------
----------- ------
--
------ ----- --------- -
------------- - -
--------------- ------ -
------ ------------
-
-可以看到，服务使用了@Injectable 装饰器来标记它是可注入的。@Injectable 同时也提供了管理服务内部组件生命周期的机制。
在服务中，我们通常会有一些方法来处理业务逻辑和管理数据等等。在上面的示例代码中，我们定义了一个 getSomething 方法来获取一些数据并返回。
使用服务
在组件中使用服务非常简单，我们需要将服务注入到组件中，然后在组件的构造函数中调用它：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - --------- - ---- ---------------
------------
--------- -----------
--------- -
-----
------------------
--------------------
------
-
--
------ ----- ------------ -
----- - --- -----
------------------- ---------- ---------- - -
----------- ---- -
-------------- - ------------------------------
-
-在这个组件的 ngOnInit 方法中，我们调用了 MyService 的 getSomething 方法，并将返回值保存在组件的 something 变量中。
我们可以像这样在任何组件中注入服务并使用它。这种方式非常方便，不用关心服务的实例是如何创建和维护的。Angular 会自动为我们处理这些问题。
依赖注入
在 Angular 中，依赖注入是一种非常重要的机制，也是服务能够工作的基础。依赖注入通常是通过构造函数参数的形式来实现的。
在我们的示例代码中，组件的构造函数中定义了一个名为 myService 的参数。Angular 会自动将 MyService 注入到该参数中，从而让我们在组件中使用服务。
总结
在本文中，我们介绍了 Angular 服务的使用方法和要点。服务是 Angular 应用中处理业务逻辑的重要机制，可以帮助我们共享、重用代码，提高代码复用性和可维护性。同时，我们也讲解了服务是如何与组件进行交互的，并且提到了依赖注入和 @Injectable 装饰器等概念。
希望通过这篇文章，你可以更好地理解 Angular 服务的使用方法和概念，也能够更加有效地管理你的 Angular 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64682263968c7c53b0854aae