Loader When Click On Route Lazy Loading [ Angular ]

Question

I'm using lazy loading in Angular Router. When I click on a menu item and the component is loading, I want to show a loading indicator and hide it when the component loaded completely. How can this be done?

const routes: Routes = [
  {
    path:'',
    redirectTo:'/home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    component: HomeComponent
  },
  {
    path: 'site-feedback',
    loadChildren: "src/app/views/site-feedback/site- 
     feedback.module#SiteFeedbackModule"
  }
]

Ashish S · Accepted Answer · 2019-06-13 13:12:55Z

1

You can achieve this using different concepts like 1. Interceptor 2. Resolver 3. NGRX store

answered Jun 13, 2019 at 13:12

Ashish S

7481 gold badge7 silver badges14 bronze badges

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

1 Comment

Ashish S Over a year ago

You can follow this link: stackoverflow.com/questions/37069609/…

Collectives™ on Stack Overflow

Loader When Click On Route Lazy Loading [ Angular ]

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related