Angular 4 serve static html page

Question

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?

You can create separate modules for them and load the via lazy loading. That would be ideal way. They won't be downloaded until called. — Sangwin Gawande
– Sangwin Gawande, Commented May 21, 2018 at 9:56

Sangwin Gawande · Accepted Answer · 2018-05-21 10:24:15Z

1

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

answered May 21, 2018 at 10:24

Sangwin Gawande

8,2348 gold badges52 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

CaptainZero Over a year ago

so each static page content should be as a separate component in pages folder, right?

Collectives™ on Stack Overflow

Angular 4 serve static html page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related