javascript - 多个 Angular 5 组件操纵一个中心组件

Question

我目前正在开展一个 Angular 5 GIS 项目，该项目专注于包含 openlayers map 的中央组件。我基本上需要所有其他组件才能操作此 map 。因此，我需要一个干净的解决方案供其他组件调用此中央组件中的功能，例如。更改 map 上的位置、更改图层等。

我已经尝试将 @Output/@Input 与 EventEmitter 一起使用，这很有效，但由于最终需要 100 个这样的事件，所以规模非常大。有没有办法制作一个服务，可以将其注入(inject)到每个相关组件中，进而可以管理 map 组件的操作？我看过主题/可观察对象，但我很难思考这是否是一个可行的选择。该应用程序预计会变得非常大，所以我希望从一开始就完成这项工作。我知道有很多关于此的 Material 和帖子，但还没有找到任何我觉得满足这个用例的。

任何 Angular 向导有一些好的建议？非常感谢!

Answer 1

facebook 遇到了这个问题，因此他们提出了 flux 架构，您可以使用 Redux 和 Angular 来解决这个问题。它适用于应用程序中的这个特定用例。

Redux 允许您在整个应用程序中拥有单一状态，从而减少了事件循环等等。

http://blog.ng-book.com/introduction-to-redux-with-typescript-and-angular-2/

https://www.uruit.com/blog/2017/05/04/using-redux-angular/

https://dzone.com/articles/why-should-you-be-using-redux-with-angular