Angular 单可观察，多观察

Question

学习 angular 得到了服务和组件以及可观察对象。

我正在尝试在我的演示应用程序中实现暗模式。 控制由服务完成，该服务根据浏览器默认设置（如果找到）设置深色主题。

它在应用程序组件中初始化，以便稍后在应用程序中放置控制开关。

暗模式从 boolean 值起作用，因此为真或假。 据我了解，使用 observable 是不够的，因为我希望多个订阅者都以两种方式绑定到订阅，每一种方式都以不同的方式在服务中切换这些 observable。 我很确定到目前为止这是正确的。

我被卡住的部分。 假设您想要 3 个不同的组件，例如工具栏上的按钮组件、设置中的复选框和用户主要设置中的切换开关。

您将如何使用在服务中的可观察对象和每个组件之间建立双向链接，以便当每个组件发出切换事件时全部更新？ 我很确定 behaviorSubject 或 subject observables 是通往 go 的正确途径，但 angular 文档真的只有 go 进入单一案例使用？ 除非我看不到它，并且对这些可观察量差异的进一步解释似乎仅限于它们之间的差异。 一个从初始值返回另一个现在但不是它们在多个组件中的实现

您是否有一个全局可观察对象，组件都在 init 上创建单独的可观察对象以更新视图。我一无所知.. 在实践中尝试将其排除在外时，这似乎很简单，令人难以置信。

Answer 1

听起来您想在多个组件之间共享一个 observable，并让每个组件监听它并通过打开/关闭来修改它？

您可以使用 singleton 服务并订阅组件中的主题吗？ 这个 stackblitz 相当粗糙，但它是一个单独组件更新单个共享源 observable 的示例。 在这种情况下，它也不必使用 BehaviorSubject，只需做一个常规主题即可。 如果您愿意，行为主题默认为浅色模式可能很有用。

https://stackblitz.com/edit/angular-ox4utu