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

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