Angular 4服务静态html页面

Angular 4服务静态html页面,angular,angular-ui-router,angular6,Angular,Angular Ui Router,Angular6,在Angular 4上的简单web应用程序中,我有一些静态页面,如关于我们,联系我们等,如果此静态页面作为组件包含,Angular应用程序的大小将增加 有没有办法通过angular应用程序按需显示此静态页面?您可以使用延迟加载 基本思想是为所有静态页面创建一个模块 这将是理想的方式。在调用之前不会下载它们 export const routes: Routes = [ ... { path: 'pages', loadChildren: './pages/pages.modu

在Angular 4上的简单web应用程序中,我有一些静态页面,如关于我们联系我们等,如果此静态页面作为组件包含,Angular应用程序的大小将增加


有没有办法通过angular应用程序按需显示此静态页面?

您可以使用延迟加载

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

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

export const routes: Routes = [
  ...      
  { path: 'pages', loadChildren: './pages/pages.module#PagesModule' },
  ...
];
进口情况如下:

RouterModule.forChild(routes)
其中,
PagesModule
是要延迟加载的模块名


仅供参考:

您可以为它们创建单独的模块,并通过延迟加载加载。这将是理想的方式。它们在调用之前不会被下载。您能提供一个链接以供参考吗?所以每个静态页面内容都应该作为单独的组件放在pages文件夹中,对吗?