Angular 4 服务静态 html 页面

Question

在我 Angular 4 上的简单 Web 应用程序中，我有静态页面，例如 关于我们、联系我们 等，如果此静态页面作为组件包含，angular 应用程序的大小将会增加。

有什么方法可以通过 angular app on demand 显示这个静态页面吗？

Answer 1

您可以为此使用延迟加载。

基本思路是为所有静态页面创建一个模块。

这将是理想的方式。在调用之前不会下载它们。

export const routes: Routes = [
  ...      
  { path: 'pages', loadChildren: './pages/pages.module#PagesModule' },
  ...
];

导入为：

RouterModule.forChild(routes)

其中 PagesModule 是您要延迟加载的模块名称。

仅供参考：Lazy Loading Module