Angular - 在 forChild 路由中使用自定义预加载策略

标签 angular typescript lazy-loading

我有一个 app-routing.module 和一个延迟加载的模块,它加载了 dashbord。

{ path: '', redirectTo: '', pathMatch: 'full'},
{ path: '', component: AppComponent },
{ path: 'dir', 
  loadChildren: './dboard/dboard.module#DboardModule'}, 
{ path: '**', component: NotfoundComponent }

在 dashBoardRouting 中我还有其他延迟加载的模块:

const routes: Routes = [
     {  path: '', component: DboardComponent,
        children: [             
        { path: 'accounter', 
          loadChildren: './accounter/accounter.module#AccounterModule' },
        { path: 'manager', 
          loadChildren: './maanger/manager.module#ManagerModule' },
         ...
@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

AccounterModule 和其他惰性加载模块都有自己的路由模块。

我想在 forChild 方法中使用自定义预加载策略是否可行?

最佳答案

preloadingStrategy 仅定义在根级别,它会自动应用于所有带有 .ForChild() 的根模块。

所以你应该有一个自定义的 preloadingStrategy 函数,可以处理所有级别的所有路由

关于Angular - 在 forChild 路由中使用自定义预加载策略,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46952878/

相关文章:

angular - 延迟加载问题 : Loading chunk 0 failed

angular - 如何将属性绑定(bind)到 style.width 以像素为单位?

angular - 你如何让 Angular 2 组件 self 毁灭?

javascript - React - 当另一个 React-Select 更改时如何清除 React-Select 的值

java - 从 xml 延迟加载 View

reactjs - 如何将多个组件导入为单个组件并在延迟加载中使用它们

angular - Angular 6 的 karma 测试

angular - 如何动态显示/隐藏垫表中的某些行?

angular - jhipster 和要显示和检查的当前日期

angular - 带有空对象的补丁值