在 Angular 中，可观察者模式是非常常见的。该模式允许组件订阅一个或多个可观察对象，并在每次数据更改时自动更新视图。这种方式实现了组件和服务之间的解耦。
什么是可观察者模式？
可观察者模式是一种设计模式，它允许对象在发生更改时自动通知它的观察者，以便它们可以采取适当的行动。在 Angular 中，可观察者对象通常是由服务提供的。
Angular 中的可观察者
在 Angular 中，可观察对象通常是在服务中创建的。服务是一个抽象的概念，通常用于提供一些通用的功能。它们通常被注入到组件中。
以下是一个简单的服务示例，它通过可观察对象提供了一些数据：
------ - ---------- - ---- ----------------
------ - --------------- - ---- -------
-------------
----------- ------
--
------ ----- ----------- -
------- ---- - --- ---------------------------
------------------- -------- ---- -
------------------------
-
---------- ------------------ -
------ -------------------------
-
-在上述代码中，该服务提供了两个公共方法：
updateData(newData: number)- 可以用来更新可观察者中的数据。getData(): Observable<number>- 返回一个可观察对象，以便组件可以订阅它。
使用这个服务时，可以注入它到组件中，并使用 getData() 方法来订阅可观察者。每当调用 updateData() 方法时，所有订阅该可观察者的组件都会立即实时响应。
以下是一个简单的组件订阅可观察者对象的示例：
------ - ---------- ------ - ---- ----------------
------ - ----------- - ---- ---------------------------
------------
--------- -------------------
------------ --------------------------------
---------- --------------------------------
--
------ ----- -------------------- ---------- ------ -
----- -------
------------------- ------------ ------------ - -
----------- ---- -
----------------------------------------- -- --------- - ------
-
-在该组件中，ngOnInit() 函数订阅了可观察者对象并将数据绑定到组件的 data 属性上。每当可观察对象更新时，组件将自动收到通知，并且该数据将被更新。
总结
在 Angular 中，可观察者模式让组件和服务之间变得更加松散。服务提供了一种通用的机制来提供数据，而组件则可以订阅这些数据并实时响应更改。此外，可观察者模式也为我们提供了一种优雅而简洁的解决方案，可以利用它来创造复杂、高效的 Angular 应用程序。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/647bf1e2968c7c53b07312b0