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的文档: 官方文档——共享模块

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章