正確的體系結構SPA和Angular 2中的多個組件的路由

Question

我是Web開發新手，也是Angular。我需要開發應具有以下「頁」單頁應用：1. 登錄頁面 2.主頁

首頁應該包含幾個部分： 報告，客戶等 此外，每個部分都有它自己的功能（特定的按鈕，表格等）。

我確實知道路由基礎知識，並且已經通過「登錄」按鈕將登錄頁面重定向到主頁。所以，登錄頁面是一個獨立的組件，具有自己的路由。

現在我需要實現主頁。我決定它應該總是在左側打開導航選項卡（就像https://material.angular.io/components/categories），在屏幕的其餘部分應該顯示所選部分的特定內容。

問題是我應該如何按照模塊和組件安排所有這些，以使其更加乾淨和可重用？另外，如何爲導航菜單中的每個選定區域實現更改可顯示組件？我應該使用路由（如果是這樣，一些例子將不勝感激），或者有可能使用其他的東西？

Answer 1

對於我的項目，以及我在一些項目/人們的建議中看到的，按使用分組。例如，任何功能模塊都是自己的文件夾，子文件夾分組組件。對於在模塊中使用的服務，根據其數量，我將它們放在與功能模塊相同的級別或「共享」文件夾中。在應用程序級別，我有一個共享文件夾，其中包含任何跨模塊之間的內容。

如果您還沒有使用Angular CLI，那麼可以這樣做，因爲它可以幫助您開發，更重要的是，它的發電機真的有助於推動共同結構。

至於如何改變你的菜單，這是一個完全不同的，更大的問題。根據您的設置，將其硬編碼到您的菜單中或創建一個控制菜單的服務。

Answer 2

文件安排可以是用戶特定的。我自己例如，方法&將被重用的服務，如身份驗證（登錄&註冊），守衛在一起。雖然特定於組件的方法可能位於組件的文件夾中。