如何在 angular-cli 項目中添加另一個頁面？

Question

基於對我的另一個問題的評論（ gradle how to add files javascript fies to a directory in the war file ），我正在嘗試使用 angular-cli 來幫助構建和管理 angular 項目。 但是，我似乎找不到有關如何在項目中創建第二個網頁的任何文檔，這對我來說似乎是一項非常基本的任務。 我嘗試使用ng g component {component name}創建一個“組件”，但這並沒有向構建結果添加任何內容。

Answer 1

我錯過了 angular 文檔中關於路由的部分，因為我沒有在“路由”這個詞和我想做的事情之間建立聯系。 使用 Node 作為服務器時，此處描述的路由非常有效。 但是，其他 Web 服務器（例如 Tomcat（我用於此項目））不會，因為ng build僅生成一個 index.html 文件。 Node 知道它應該將 angular base 下的 URL 重新路由到該文件，但 Tomcat 不知道。 需要在 Tomcat 服務器前面放置 apache 等代理服務器，以將 url 重定向到應用程序的基本 url。

順便說一下，這里是路由的基礎知識：

1. 為每個“頁面”創建一個組件（該組件不需要負責整個頁面的顯示。見2）
2. 創建一個“外殼”組件，其中包含所有頁面上的功能，例如工具欄、側邊導航。
3. 將<router-outlet></router-outlet>到 shell 組件組件中將出現子 URL 組件的位置（注意它們是插入到此標記之后的 DOM 中，而不是在其中。）
4. 在模塊的導入中，添加RouterModule.forRoot() 。 此函數采用Route數組。 每個路由都有一個path和一個component屬性。 path是將導致component插入 DOM 的 url（相對於基本 url）。 請注意， path值不應以斜杠開頭。
5. 添加a將routerLink屬性綁定到新頁面 url 的標簽。 請注意，這里應該有一個前導斜線。