Angular 是一款流行的前端 JavaScript 框架，其强大的组件化能力和高效的可复用性都来自于服务（Service）的使用。本文将介绍 Angular 中服务的作用、使用方法以及示例代码。
什么是服务？
Angular 中的服务是一个类，用于提供一系列的功能和数据。在 Angular 应用程序中，服务可以用于各种任务，例如获取数据、处理逻辑、调用 API 等。使用服务可以将应用程序拆分成几个独立的模块，并使它们更容易管理。
服务是一种单例模式，只会在应用程序加载时实例化一次，并在整个应用程序中共享。这意味着你可以在整个应用程序中使用同一个服务实例，而无需每次调用时都创建新的实例。
创建一个服务
创建一个 Angular 服务需要使用 @Injectable 装饰器。它告诉 Angular，我们正在创建一个服务。服务还需要一个提供程序（Provider），它告诉 Angular 如何实例化此服务。
下面是一个基本的服务示例：
------ - ---------- - ---- ----------------
-------------
----------- ------
--
------ ----- --------- -
------------- - -
------------ -
-- ---
-
-在上面的代码中，我们定义了一个名为 MyService 的服务。使用 @Injectable 装饰器将该类标记为可注入的服务。
注意，我们使用了 providedIn 静态属性，这意味着我们可以在整个应用程序中使用这个服务。
注入一个服务
要使用服务，我们需要将服务注入到需要它的组件或其他服务中。Angular 会在需要时自动创建该服务的实例。
在注入服务之前，我们需要在组件或服务的构造函数中声明对该服务的依赖：
------ - --------- - ---- ---------------- ------ - --------- - ---- --------------- ------------ --------- --------------- --------- ----- -- ------ ----- ----------- - ------------------- ---------- ---------- - - -
在上面的代码中，我们将 MyService 服务注入到 MyComponent 组件中。
使用服务
一旦我们将服务注入到组件或其他服务中，就可以使用该服务的方法和属性：
------ - --------- - ---- ----------------
------ - --------- - ---- ---------------
------------
--------- ---------------
--------- -
------- ------------------------- ------------
----- ------- ------
-
--
------ ----- ----------- -
-------- -------
------------------- ---------- ---------- - -
--------- -
------------ - ----------------------------
-
-在上面的代码中，我们在 onClick 方法中调用 MyService 服务的 someMethod ，并将该方法的返回值赋值给 message 属性。
总结
服务是一个在 Angular 应用程序中非常有用的概念。通过使用服务，我们可以将应用程序拆分成更小的模块，并使它们更容易管理和维护。
在本文中，我们介绍了 Angular 中服务的作用、使用方法以及示例代码。希望这篇文章可以帮助你更好地理解 Angular 中的服务。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/653738847d4982a6ebfa7470