目標:將使用頻繁的組件抽離出來,集中管理;以便在需要使用的地方,方便快速引用;
第一步:創建一個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的文檔: 官方文檔——共享模塊