本文介绍了如何在Angular中高效管理共享组件，包括创建共享组件文件夹、在shared.module.ts中声明并导出组件，以及在app.module.ts和需要引用的页面中引入使用。通过这种方法，可以方便快捷地复用频繁使用的组件。此外，文章还提到了作者之前的一篇相关博客和Angular官方的共享模块文档链接作为补充资料。
目标：将使用频繁的组件抽离出来，集中管理；以便在需要使用的地方，方便快速引用；
第一步：创建一个shared component：（该文件夹下，放置需要抽离的组件）
ng generate component shared
第二步：在shared.module.ts文件里，声明需要共享的组件并export出去：（以date组件为例）
第三步：在app.module.ts里引用shared模块：
第四步：在需要引用组件的页面，使用组件：
others：
1.之前也写过一篇管理共享组件的blog，但是感觉有些繁琐（地址：https://blog.csdn.net/qq_32490291/article/details/87934844），故重新整理了一份。
2.angular官方，关于sharing module的文档： 官方文档——共享模块
扫一扫
706
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
