如何在angular-cli项目中添加其他页面？

Question

基于对我的另一个问题（gradle how to add files javascript fies to a directory in the war file）的评论，我试图使用angular-cli来帮助构建和管理角度项目。但是，我似乎无法找到有关如何在项目中创建第二个网页的任何文档，这对我来说似乎是一项非常基本的任务。我尝试创建一个＆＃34;组件＆＃34;使用ng g component {component name}，但这并没有为构建结果添加任何内容。

Answer 1

我错过了有关路由的角度文档的部分，因为我没有在单词＆＃34; routing＆＃34;之间建立连接。以及我想做什么。使用Node作为服务器时，here所述的路由工作非常有效。但是，其他Web服务器（例如Tomcat（我用于此项目））将不会生成index ng build，因为<router-outlet></router-outlet只会生成index.html文件。 Node知道在角度基础之后将URL重新路由到该文件，但Tomcat没有。需要将代理服务器（如apache）放在Tomcat服务器的前面，以将URL重定向到应用程序的基本URL。

除此之外，以下是路由的基础知识：

1. 为每个＆＃34;页面创建一个组件＆＃34; （该组件不需要对显示的整个页面负责。见2）
2. 创建一个＆＃34; shell＆＃34;包含将在所有页面上的功能的组件，例如工具栏，侧面导航。
3. 将RouterModule.forRoot()添加到shell组件组件中将显示子URL组件的位置（请注意，它们将在此标记之后插入DOM，而不是在其中。）
4. 在您的模块的导入中，添加Route此函数采用path数组。每条路线都有component和path属性。 component是将path插入DOM的网址（相对于基本网址）。请注意，a值不应以斜杠开头
5. 添加routerLink个标签，并将distance_of_time_in_words(Time.now, 2.weeks.from_now, only: :days) 属性绑定到新网页的网址。请注意，这里应该有一个前导斜杠。