简介
Angular 是一个流行的前端框架，它提供了许多功能来帮助我们构建富交互性的 web 应用程序。其中服务是 Angular 的重要组成部分，它们允许您通过单例对象的方式共享代码和数据。在本文中，我们将介绍 Angular 中的服务并提供示例代码，以帮助您更好地理解这个概念。
Angular 服务是什么？
在 Angular 中，服务是指一个对象，它封装了一些特定的功能，可以被其他应用程序组件使用。Angular 中的服务用于共享数据、代码和功能，可以在整个应用程序中重复使用。
服务是一种单例对象，它在应用程序中只有一个实例。当您在应用程序中创建一个服务时，Angular 会创建一个单例对象，由整个应用程序共享。这个对象可以在应用程序的不同组件中使用，只要这些组件添加了对该服务的依赖项。
在 Angular 中，我们可以使用 @Injectable() 装饰器将模块类标记为服务。可以将该装饰器附加到你的服务类上，并且可以使用依赖注入将其注入到任何组件中。下面是一个简单的例子：
------ - ---------- - ---- ----------------
------ - ---------- - ---- -----------------------
-------------
----------- ------
--
------ ----- ----------- -
--- - ---------------------------------------------
------------------- ----- ----------- - -
---------- -
------ ------------------------
-
-这个服务叫做 DataService，它使用 HttpClient 发起 HTTP 请求，并返回用户列表。通过使用 @Injectable() 装饰器，该服务可以被其他组件访问。
下面我们将展示如何在组件中使用该服务：
------ - ---------- ------ - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- ------------
--------- -
--------------
----
--- ----------- ---- -- --------- --------- -------
-----
-
--
------ ----- -------------- ---------- ------ -
------ ----- - ---
------------------- ------------ ------------ - -
---------- -
-------------------------------------------- ------ -- -
---------- - -----
---
-
-这个组件叫做 UsersComponent，在这里我们注入了 DataService，通过调用 getUsers() 方法，我们从服务中获取用户列表，并在模板中使用 *ngFor 循环遍历用户列表。
总结
Angular 服务是一种非常有用的工具，可以帮助我们共享数据、代码和功能。在本文中，我们介绍了 Angular 中的服务并提供了示例代码，希望这能帮助您更好地了解这个概念，并在您的项目中充分利用服务的优势。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/664eabd9d3423812e4f20e0b