Angular2的模块架构浅谈

Angular2的模块架构浅谈

一、根模块、子模块与惰性加载

二、除了模块之外

每个模块都有自己的事情要做，通常包括：

三、模块的关联

模块之间一定要有共享或继承资源的方式，不然的话每个子模块都必须实现可能用到的全部功能。

此时就用到了模块的引入和导出——模块A可以引入另一个模块B，然后A就可以使用B中导出的组件、管道和指令。

当我们要使用系统指令(如ngIf、ngFor等)时，也必须引入系统模块，有一个巧妙的办法就是实现上图这样的共享模块，在引入系统模块并导出的同时再导出自定义的其他指令、组件或管道。然后所有引入了此共享模块的子模块就能使用这些系统指令和共享指令了。

有一个基础的问题是服务需不需要导出，答案是否定的。服务不需要导出，因为服务是全局单例的，一旦被初始化，就已经全局通用了，相反如果重复的导入提供了同一服务的模块就可能发生问题：B提供服务B_S，A导入了B，C也导入了B。这种情况下ng2会找到两处B_S的提供，但ng2尚能够将其保持在一个实例B_S。但若模块C为惰性加载的模块，在C被创建时，其实会重新初始化一个实例B_S，从C跳转回到A时，又会创建一个B_S，来回每次跳转都是如此，结局就会变得混乱不堪。对于服务更好的做法是写一个核心模块，专门提供全局服务，保证此模块只会被根模块引用一次，然后所有的子模块就都已经可以使用这些全局服务了。

四、ng2模块体系

最后给出一套ng2项目构建的体系，这也是总结归纳了ng2官网的推荐得出的ng2项目的模块体系。

总体思路就是：

> 1.根模块负责全局的路由。

> 2.核心模块负责全局服务，也可以定义一些只在根模块中使用的组件等，并只能由根模块引入一次，不再导出。

> 3.共享模块不做服务的提供，而是定义全局共享的组件等，以及帮助子模块导入系统模块，让子模块只需要导入此共享模块就够了。

> 4.子模块内部可以细分自己的子路由到具体的子组件，以及提供自己的服务等。

> 5.除了页面入口模块(即除了根模块外的具体业务模块)之外的其他子模块均考虑写成惰性加载的模块，以提升页面引导的速度减少性能浪费。

> 6.当需要一个比较通用的全局服务时，可以将其加入CoreModule，也可以再创建一个仅被根模块引入的特性模块。进一步的，甚至可以将此模块发布到npm，这就需要更强的编码能力和技术积累了。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。