在 Angular4 之外提供静态 html

Serving static html outside Angular4

我是 Angular 4/ Angular 2 的初学者。我正在构建一个包含

的应用程序

1）静态html文件（aboutus.html、pricing.html、联系人us.html等），对应css、js文件 2) 具有复杂功能的单页应用程序

第一部分 #1 根本不需要 Angular，因为它是完全静态的。登录后，用户来到#2。从我阅读的 Angular 教程来看，我似乎需要将 #1 和 #2 组合在一起，并且仍然必须从 #1 创建组件等，我觉得这是不必要的。

有没有办法，我可以构建这个项目，这样我就可以按原样使用静态 html 而只将 Angular 用于动态单页应用程序？任何有用的链接或示例将不胜感激。

您不能使用路由器集成静态 html 页面，但您仍然可以使用正常的 HTML 链接。无需命名包含 Angular 应用程序的文件 index.html

如果您想使用 ng serve 在本地提供静态文件，您需要将它们添加到您的资产文件夹中或添加到资产配置中。参见 https://github.com/angular/angular-cli/issues/5029

您可以将静态 html 文件放入 /assets/ 文件夹中。

例如，如果您将 aboutus.html 文件放入文件夹 /assets/static/，那么您可以 link 到 http://localhost/assets/static/aboutus.html

在 apps 下的 assets 键中，您可以包含您希望 angular-cli 将其视为静态的任何目录。例如，您可以声明一个名为 static 的文件夹，并从那里提供静态页面。

对于 v6 应用程序，assets 位于 browser: