在 Angular 中，服务是一种用于共享数据和逻辑的常见方式。服务可以在整个应用程序中重复使用，并且可以在组件之间共享数据。本文将介绍如何在 Angular 中使用服务进行数据共享。
创建服务
要创建一个服务，我们可以使用 Angular CLI 的 ng generate service 命令。该命令将创建一个新的服务文件，并将其添加到应用程序的 providers 中。例如，要创建一个名为 data.service.ts 的服务，可以运行以下命令：
-- -------- ------- ----
这将创建一个 data.service.ts 文件，其中包含一个名为 DataService 的类。在 DataService 中，我们可以定义我们想要在应用程序中共享的数据和逻辑。
注入服务
要在组件中使用服务，我们需要将服务注入到组件中。在 Angular 中，我们可以使用依赖注入来实现这一点。要将服务注入到组件中，我们需要将服务添加到组件的 providers 中。
例如，在组件中使用 DataService 服务，我们可以将其注入到组件的构造函数中：
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- -------------------
--------- ------ ---- -------
---------- -------------
--
------ ----- ----------- -
----- -------
------------------- ------------ ------------ -
--------- - ----------------------
-
-在上面的示例中，我们将 DataService 添加到 MyComponent 的 providers 中，并在构造函数中将其注入。我们可以使用 getData() 方法从服务中获取数据，并将其绑定到组件模板中。
在服务中共享数据
要在服务中共享数据，我们可以使用类属性来存储数据。例如，在 DataService 中，我们可以定义一个名为 data 的属性，用于存储我们想要共享的数据。
------ - ---------- - ---- ----------------
-------------
----------- ------
--
------ ----- ----------- -
----- ------ - ------- --------
--------- -
------ ----------
-
------------- ------- -
--------- - -----
-
-在上面的示例中，我们定义了一个名为 data 的属性，并在 getData() 方法中返回它。我们还定义了一个名为 setData() 的方法，用于更新 data 属性的值。
在组件中更新服务中的数据
要在组件中更新服务中的数据，我们可以调用服务中的 setData() 方法，并将新数据作为参数传递。例如，在 MyComponent 中，我们可以定义一个名为 updateData() 的方法，用于更新 DataService 中的数据。
------ - --------- - ---- ----------------
------ - ----------- - ---- -----------------
------------
--------- -------------------
--------- -
----- ---- ------
------- ----------------------------- -------------
--
---------- -------------
--
------ ----- ----------- -
----- -------
------------------- ------------ ------------ -
--------- - ----------------------
-
------------ -
----------------------------- -------
--------- - ---------------------------
-
-在上面的示例中，我们定义了一个名为 updateData() 的方法，用于更新 DataService 中的数据。我们调用 setData() 方法，并将新数据作为参数传递。然后，我们使用 getData() 方法获取更新后的数据，并将其绑定到组件模板中。
总结
在 Angular 中，服务是一种用于共享数据和逻辑的常见方式。要创建服务，我们可以使用 Angular CLI 的 ng generate service 命令。要在组件中使用服务，我们需要将服务注入到组件中。要在服务中共享数据，我们可以使用类属性来存储数据。要在组件中更新服务中的数据，我们可以调用服务中的方法，并将新数据作为参数传递。
希望这篇文章能够帮助你更好地理解 Angular 中使用服务进行数据共享的方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663881add3423812e468d229