Angular 2項目結構與多個模塊

Question

我目前正在開發我的第一個Angular 2+應用程序，我遇到了一些關於如何最好地構造應用程序的問題。

我剛剛開始開發應用程序的區域，用戶可以在其中執行登錄等操作並創建帳戶。對於這兩條路線，我已經有幾個組件（登錄表單，註冊表單，登錄頁面，註冊頁面等）。繼續在根模塊中聲明這些內容似乎很麻煩，特別是隨着應用程序的增長。

我應該如何繼續前進？爲每條路線製作一個模塊？製作一個包含登錄和註冊功能的模塊，因爲它們相似？我在網上找不到太多，所以任何指導都會很棒！

謝謝！

Answer 1

已經由@brijmcq和documentation about modules建議的官員style guide給出了良好的第一方向。

您應該按功能將模塊中的應用程序類組合起來（並且不能按類型定義）。它強烈依賴於繪製線的上下文。對於一個非常小的應用程序來說，一個根應用程序模塊可能就足夠了，在大多數情況下，具有功能模塊很有意義。通常情況下，一個模塊可以處理多個路由，但有些情況下，每個模塊的路由都適合。在你的情況下，處理登錄，註銷，註冊......的認證模塊對我來說聽起來很合理。如果您的註冊過程變得非常複雜，您可能會考慮在稍後將其重構爲其自己的模塊。

有些東西可能不屬於某一特徵，但用於幾個不同的特徵（主要是UI組件，如浮動動作按鈕）。通常的做法是將它們移入您自己的通用模塊並將其導入到所有模塊中。