在 Angular2 中，服务 (Service) 是一个非常重要的概念，它可以用来处理业务逻辑、数据交互等操作。本文将详细介绍 Angular2 中的服务，并且给出一些示例代码来指导开发人员如何使用。
什么是服务 (Service)
在 Angular2 中，服务是一个可以注入 (Injectable) 到组件 (Component) 中的类。服务可以提供某些功能，比如数据服务、日志服务等等。服务可以在多个组件中共享，这使得代码的复用性更高。
如何创建服务 (Service)
在 Angular2 中，创建一个服务非常简单，只需要定义一个类，并且使用 @Injectable() 装饰器来标识它是可注入的类即可。下面是一个简单的服务示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
-------------
------ ----- ----------- -
------- ----- ------ - ------ --------
---------- ------ -
------ ----------
-
------------- ------- -
--------- - -----
-
-在上面的代码中，我们创建了一个名为 DataService 的服务类，其中包含了一个私有的字符串变量 data 和两个方法 getData() 和 setData()。使用 @Injectable() 装饰器使得这个服务可以被其他组件注入。
如何使用服务 (Service)
在 Angular2 中，可以使用依赖注入 (Dependency Injection) 的方式来使用服务。如果一个组件需要使用服务，首先需要在组件的构造函数中声明这个服务。下面是一个示例代码：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- -----------
--------- -
------ ---- -------
------- -------------------------- -------------
--
--
------ ----- ------------ -
----- -------
------------------- ------------ ------------ -
--------- - ---------------------------
-
--------- -
----------------------------- -------
--------- - ---------------------------
-
-在上面的代码中，我们创建了一个名为 AppComponent 的组件，在组件的构造函数中声明了 DataService 服务，并且在 onClick() 方法中使用了这个服务。当用户点击按钮时，onClick() 方法会修改 DataService 服务中的数据，并且更新组件的显示内容。
服务的依赖关系 (Dependency Injection)
在 Angular2 中，服务可以被其他服务依赖。如果一个服务需要使用其他服务，只需要在它的构造函数中声明这些服务即可。下面是一个示例代码：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ------------- - ---- -------------------
-------------
------ ----- ----------- -
------- ----- ------ - ------ --------
------------------- -------------- -------------- --
---------- ------ -
------------------------------- ----------
------ ----------
-
------------- ------- -
------------------------------- ----------
--------- - -----
-
-在上面的代码中，我们创建了一个名为 DataService 的服务类，它依赖了 LoggerService 服务。在 DataService 的构造函数中声明了 LoggerService 服务，并且在 getData() 和 setData() 方法中使用了这个服务。
总结
服务是 Angular2 中非常重要的概念，它可以用来处理业务逻辑、数据交互等操作。服务可以在多个组件中共享，并且可以通过依赖注入的方式来使用其他服务。在开发应用程序时，需要充分理解和使用服务来提高代码的复用性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651cc8d895b1f8cacd448279