2017-09-22 96 views
-1

我是新角度。 我開始使用angular 4.4.3構建網站。 這個網站有:我應該爲每個網頁模板創建模塊嗎?

  • 首頁
  • 列表頁
  • 詳細頁面
  • 提交表單頁面
  • 感謝頁面

現在,我在想什麼結構對這個網站有好處。 我應該爲每個頁面模板使用模塊嗎?例如:

  • HomeModule的主頁
  • ListModule的列表頁
  • DetailModule查看詳細頁面
  • SubmitFormModule的提交表單頁面

...等

或者其他結構更好? 任何建議都有幫助。 非常感謝!

回答

1

在我看來這是一種矯枉過正。就延遲加載而言,這可能會帶來一些好處,但它會使代碼變得更加複雜。

Angular docs推薦構建功能模塊,我已經有了好運氣。基本上你爲你創建一個模塊的任何單獨的部分。對我來說,這很多時候意味着我如何構建我的網站。

mysite.com/Admin/Whatever 
mysite.com/Account/Whatever 
mysite.com/Feature1/Whatever 

我會爲Admin,Account和Feature1創建一個模塊。不同的模塊可能會共享一些服務和模型。然後,每個模塊也可以有自己的路由,如果您需要授權看守,這非常有用。

您可能至少會有一個由多個其他模塊引入的'SharedModule'。就像編寫一個組件來呈現列表一樣,並且您希望在您網站上的各個位置顯示該組件。

我通常也有一個CoreModule,它具有我需要運行該應用程序的最低限度。因此,NavBar,HomePage可能還有其他一些我需要的着陸頁。這是初始包中包含的唯一模塊,其他所有內容都可以延遲加載。

1

肯定不是,你不需要爲每個頁面創建模塊。例如,如果您想分離其他組件廣泛使用的某些組件,則您將需要單獨的模塊。請閱讀關於Angular模塊系統here