如何在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。请注意，在这里，应该有一个主导斜线。