在角6+中路由到静态html页面

Question

我有一个有三个组成部分的国家，地区，家庭的角度项目。当我加载主页时，我有路由设置到HomeComponent，这是用于路由的超链接。一切都很好，表现得就像一个页面(SPA)。现在，我想添加一个静态HTML页面并路由到它。我查看了角路径文档，我找不到一种方法来做到这一点。以下是我的问题

1. 我可以在哪里放置静态HTML页面
2. 如何在app-routing.module.ts中路由这些文件

Github储存库：SpringTestingUI

Answer 1

有点晚了，在谷歌搜索一个角度到静态的html生成器，并发现这个，并认为我会突然出现。我今天真的学会了怎么做这件事。

静态html页面基本上与样式表或图像等其他静态资产没有什么不同，因此我们可以完全相同地对待这些页面。

在角资产配置文档之后，我们可以创建html文件，并在应用程序中酌情通过.angular-cli.json或angular.json引用它们。

我发现一件特别有用的事情是，当html页面被浏览器解析时，能够手动配置它的引用路径。

例如，如果src/static-pages/page1.html目录中有html，默认情况下，如果您将该路径添加到angular.json的assets部分，则它将存在于路由http://hostname/static-pages/page1.html中。change允许您在引用静态html或其他资产时，将此资产的解析路径更改为任何您想要的内容，方法是向资产部分提供一些额外的信息。

例如：

// angular.json

{
   ...

   "assets": [
       // This page is routed /static-pages/page1.html
       "src/static-pages/page1.html",
       
       // This page is routed /home/page1.html
       { "glob": "page1.html", "input": "src/static-pages/", "output": "/home/" }
   ],
 
   ...
}

这样做和创建一个只呈现静态html的可视化组件之间的主要区别是，这允许web爬虫对该html页面进行索引。如果您只是想呈现静态的html文本，我将创建一个额外的SPA组件的角度，并按照常规路由在您的HomeComponent。