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

Question

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

Answer 1

我錯過了路由角度文檔的部分，因爲我沒有在「路由」一詞和我想做的之間建立連接。當使用Node作爲您的服務器時，按照here所述的路由完美工作。但是，其他Web服務器（如Tomcat（我正在使用該項目））將不會生成，因爲ng build只生成一個index.html文件。 Node知道要將URL之後的URL重新路由到該文件，但Tomcat不會。像apache這樣的代理服務器需要放置在Tomcat服務器的前面，以將url重定向到應用程序的基礎url。

有了這樣的方式，這裏是路由的基礎：（該成分並不需要負責顯示整個頁面看到2）

1. 創建的每個「頁」組件
2. 創建一個「shell」組件，其中包含將在所有頁面上顯示的功能，例如工具欄，側面導航。
3. 添加<router-outlet></router-outlet在外殼部件組成的地步，爲子網址部件會出現（注意它們插入到DOM這個標記後，不在它。）在進口
4. 爲模塊，加RouterModule.forRoot()這個函數需要一個Route的數組。每條路線具有path和component屬性。 path是將導致component插入到DOM中的url（相對於基本url）。請注意0​​值不應以斜線開頭
5. add a標記routerLink屬性綁定到新頁面的URL。請注意，在這裏，應該有一個主導斜線。