智能和转储组件

mstmahmuda11121

但是，如果多个智能组件一起工作，则存在相互纠正的风险，如第一个代码块所示 - 这将导致循环。 4. 模块切割 为了控制大型 Angular 应用程序的复杂性，建议将它们划分为不同的 Angular 模块。事实证明，区分三种类型的模块很有用： 图 - Angular 应用程序的典型模块结构 Angular 应用程序的典型模块结构 因此，应用程序的每个功能都有自己的模块。例如，从这个意义上讲，功能就是用例。 此外，心理学中的7+/-2 规则在这里也被证明是有用的。据她介绍，一般人一次只能记录 7+/-2 项。如果一个模块的条目超过 7+/-2 个，建议将它们分成几个模块。幸运的是，这通常非常容易，因为许多用例自然地分解为从属用例。例如，预订航班可以分为搜索航班、公布乘客详细信息和公布付款详细信息。


多个功能模块中需要的那些应用程序部分被放置在共享模块中。这方面的示例包 瑞士 电话号码 括技术方面（例如身份验证或日志记录）以及技术组件（例如跨用例组件）。 还可以有多个共享模块。建议将相关方面容纳在共享模块中，但也要注意提到的 7+/-2 规则。 前面还剩下一个AppModule 。它只是各个功能模块周围的一种信封。该模块还包含 AppComponent ，它代表应用程序的外壳。 5.外观和状态管理 为了进一步构建，事实证明，向每个用例添加 Angular 服务非常有用。这个所谓的外观协调所有其他有助于用例的服务。实现该用例的组件只需与这个外观进行通信： 图 - Facades 为特定用例编排附加服务 Facades 为特定用例协调附加服务 外观还保存作为用例的一部分出现的状态。




这可以通过普通属性来完成，也可以通过作为 Observables 发布的主题来完成。后者的优点是可以向感兴趣的各方通报状态的变化。 当来自多个外观的许多组件需要数据并且外观必须相互通知时，这会变得令人兴奋： 图--难以理解的访问和循环 难以理解访问和循环 不难看出，这导致了难以理解的控制流和数据流。状态管理库是认识这一事实的理想选择。 Angular 环境中最流行的可能是NGRX，它实现了 Redux 模式。 虽然这些库的问题在于细节，但基本原理很快就得到了解释，因为本质上这些解决方案提供了一个所谓的存储，可以集中管理整个应用程序状态： 图 - 集中状态管理 集中状态管理 该存储可以与内存数据库进行比较。它的使用可以防止冗余和不一致，以及组件和服务之间需要通知，从而导致循环。 不幸的是，状态管理解决方案通常很复杂，并且引入了大量额外的构建块。但外观的想法在这里也很重要，特别是因为它们向组件隐藏了条件管理的细节。这使得状态管理库可以在之后逐步引入。