angularjs - 高效的 AngularJS 状态管理和持久化

Question

我有一个由需要了解对象的多种状态的组件组成的模块。例如，我需要知道一组集合当前选定的项目。假设这些集合是事件、页面和文档。因此，我需要知道当前的事件、页面和文档，并提供 getter 和 setter，以便其他组件可以获取和设置事件项目，并在某些内容发生更改时做出响应。那么，我应该在 Angular 中将状态信息存储在哪里？

以下方法可行。目前，我正在将状态拆分为多个域服务。有没有更好的方法来减少 future 的复杂性？

• 根作用域:将状态 POJO 存储在根作用域中，并让它渗透到所有 subview 和指令。当调用服务或其他内部组件时，状态对象必须在内部传递(例如，如果我想生成服务中事件项目的静态 URL，我需要将该项目传递给服务调用以获取它的 id。只需要一个对象来存储整个应用程序状态。指令和 Controller 可以“观察”该对象的变化，然后采取相应的行动。例如，如果当前选定的项目发生变化，则使用react。这种方法任何具有隔离范围的指令都很难利用。
• 域服务:不要将整个状态放入一个 POJO 中，而是仅放置适合特定域服务的状态。例如，集合服务会了解当前选定的集合及其 ID。由于所有服务都是单例，因此引用状态只需要引用其服务，然后围绕该状态的所有相关业务逻辑都将封装在其服务内。状态将被服务分散和分隔，因此为了获得聚合状态，将有更多对更多服务的引用。对状态的更改在服务内部处理，对当前所选项目的更改将作为事件“广播”到 $rootScope 上的所有监听器。
• 工厂:创建一个存储状态的特定工厂“BusinessState”，以便该对象现在可以作为动态注入(inject)进行传递。

Answer 1

单一服务(或工厂)是可行的方法。

只要您的收藏数量足够小并且可以将它们放在一起(否则按类别分组)，我只会保留一个。

保持简单，否则您将陷入创建工厂来定义任何工厂陷阱的接口(interface)的典型工厂。

无论您选择什么，都不要污染根范围。 (即使您确实可以通过独立指令访问它，可以通过在指令定义中注入(inject) $rootScope 或使用链接范围中的 scope.$root )。