Angular8 实战(二十)模块的划分

本章学习模块的划分

先来看一下模块中的“坑”

导入其它模块时,需要知道使用该模块的目的

  • 如果是组件,那么需要在每一个需要的模块都进行导入
  • 如果是服务,那么一般来说在根模块中导入一次即可

需要在每个需要的模块中进行导入

  • CommonModule:提供绑定、ngIf和ngFor等基础指令,基本上每个模块都需要导入它。
  • FormsModule / ReactiveFormsModule:表单模块需要在每个需要的模块导入
  • 提供组件、指令或管道的模块

只在根模块导入一次的

  • HttpClientModule / BrowserAnimationsModule / NoopAnimationsModule
  • 只提供服务的模块

如何有效的组织模块

20-1.png

共享模块(SharedModule)

=两个模块需要使用同一个组件、指令、管道,那么在SharedModule导入、导出此组件、指令、管道。这样其它模块只需导入SharedModule即可

根模块
导入系统级需要的服务

模块及路由
模块由组件、指令、管道、服务等构成,每个模块也会对应一个路由模块(路由后期会详细讲解),同时还有一个根路由模块。这样划分的好处是:实现懒加载,提高系统渲染性能

接下来,示例一下功能模块的划分:首页、推荐、分类、聊天、个人中心、产品
创建模块的命令

ng g m [模块名] --routing
20-2.gif

这样所有的模块都创建完成,而且每个模块有自己独立的目录。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天感恩节哎,感谢一直在我身边的亲朋好友。感恩相遇!感恩不离不弃。 中午开了第一次的党会,身份的转变要...
    余生动听阅读 13,587评论 0 11
  • 彩排完,天已黑
    刘凯书法阅读 9,758评论 1 3
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 127,065评论 2 7