CODEWITHSUNDEEP
angularangular-ui-routerangular6
CaptainZero
CaptainZero

Reputation: 1501

Angular 4 serve static html page

In my simple web application on Angular 4, I have static pages like about us, contact us etc and if this static pages included as component the size of angular app will increase.

Is there any way to display this static pages via angular app on demand?

Upvotes: 1

Views: 2644

Answers (1)

Sangwin Gawande
Sangwin Gawande

Reputation: 8166

You can use lazy loading for this.

Basic idea is to create an module for all your static pages.

This would be ideal way. They won't be downloaded until called.

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

Import is as :

RouterModule.forChild(routes)

Where PagesModule is your module name to be lazy loaded.

FYI : Lazy Loading Module

Upvotes: 1

Related Questions