在Angular2中，服务是一种可重用的代码块，可以在整个应用程序中使用。服务常常会发布事件以通知其他组件或服务发生了某些事情。本文将介绍如何在Angular2中订阅服务中的事件，并提供示例代码和详细的指导。
步骤
以下是订阅服务事件的步骤：
- 导入所需的依赖项。您需要导入RxJS中的Observable和Subject类，以及您想要订阅的服务。
import { Observable, Subject } from 'rxjs';
import { YourService } from './your-service.service';- 声明一个Subject对象以保存服务事件。
private eventSubject = new Subject<any>();
- 创建一个Observable对象以观察Subject对象。
event$ = this.eventSubject.asObservable();
这将允许组件或其他服务订阅到事件并接收通知。
- 在服务中发布事件时，调用Subject的next方法将事件发送给所有已订阅的观察者。
this.eventSubject.next(yourEventData);
- 在您希望订阅事件的组件或服务中，注入服务并订阅其事件。
constructor(private yourService: YourService) {}
ngOnInit() {
this.yourService.event$.subscribe(eventData => {
// 处理事件数据
});
}现在，当您的服务发布事件时，所有已订阅的观察者都将接收到通知并处理事件数据。
示例代码
以下是一个简单的示例，演示如何在Angular2中订阅服务事件：
-- -------------------- ---- -------
------ - ---------- - ---- ----------------
------ - ----------- ------- - ---- -------
-------------
----------- ------
--
------ ----- ----------- -
------- ------------ - --- ---------------
------ - ---------------------------------
----------------------- ---- -
----------------------------------
-
-
------------
--------- --------------
--------- -
----------- --------------
------- -------------------------------- --------------
-
--
------ ----- ---------------- ---------- ------ -
------------------- ------------ ------------ --
---------- -
------------------------------------------- -- -
--------------------- ----- ------- -----------
---
-
-------------- -
------------------------------- -------- ------ ---- ------------------ ---
-
-在这个例子中，我们创建了一个名为YourService的服务，它具有一个名为event$的Observable对象和一个名为publishEvent的方法，用于发布事件。我们还创建了一个名为ExampleComponent的组件，该组件注入我们的服务并在按钮单击时发布事件。在ngOnInit生命周期钩子中，我们订阅了服务的事件，以便在事件发布时接收通知并打印事件数据到控制台。
结论
使用Observables和Subjects可以在Angular2中轻松订阅服务事件。通过遵循本文中的步骤并查看示例代码，您现在应该已经了解如何订阅服务事件以及如何使用它们来通信。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25310