单击路由延迟加载[角度]时的加载程序

Question

我在 Angular 路由器中使用延迟加载。当我点击一个菜单项并且组件正在加载时，我想显示一个加载指示器并在组件完全加载时隐藏它。如何做到这一点？

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"
  }
]

Answer 1

您可以使用不同的概念来实现这一点，例如 1.拦截器 2.解析器 3. NGRX 商店