在Angular4

时间:2017-04-20 12:45:19

标签: javascript html angular angular2-routing

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

组成的应用程序

1)静态html文件(aboutus.html,pricing.html,联系我们等),以及相应的css,js文件 2)具有复杂功能的单页面应用程序

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

有没有办法,我可以构建这个项目,以便我可以按原样使用静态html并仅将Angular用于动态单页应用程序?任何有用的链接或示例将非常感谢。

4 个答案:

答案 0 :(得分:9)

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

答案 1 :(得分:6)

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

的文件

答案 2 :(得分:4)

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

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

答案 3 :(得分:0)

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

对于v6应用程序,assets位于browser下:

https://github.com/angular/angular-cli/blob/v6.0.0-rc.8/packages/%40angular/cli/lib/config/schema.json#L521