[英]How do I add another page in an angular-cli project?
基于对我的另一个问题的评论( gradle how to add files javascript fies to a directory in the war file ),我正在尝试使用 angular-cli 来帮助构建和管理 angular 项目。 但是,我似乎找不到有关如何在项目中创建第二个网页的任何文档,这对我来说似乎是一项非常基本的任务。 我尝试使用ng g component {component name}
创建一个“组件”,但这并没有向构建结果添加任何内容。
我错过了 angular 文档中关于路由的部分,因为我没有在“路由”这个词和我想做的事情之间建立联系。 使用 Node 作为服务器时,此处描述的路由非常有效。 但是,其他 Web 服务器(例如 Tomcat(我用于此项目))不会,因为ng build
仅生成一个 index.html 文件。 Node 知道它应该将 angular base 下的 URL 重新路由到该文件,但 Tomcat 不知道。 需要在 Tomcat 服务器前面放置 apache 等代理服务器,以将 url 重定向到应用程序的基本 url。
顺便说一下,这里是路由的基础知识:
<router-outlet></router-outlet>
到 shell 组件组件中将出现子 URL 组件的位置(注意它们是插入到此标记之后的 DOM 中,而不是在其中。)RouterModule.forRoot()
。 此函数采用Route
数组。 每个路由都有一个path
和一个component
属性。 path
是将导致component
插入 DOM 的 url(相对于基本 url)。 请注意, path
值不应以斜杠开头。a
将routerLink
属性绑定到新页面 url 的标签。 请注意,这里应该有一个前导斜线。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.