预加载,延迟加载的页面Ionic 4

时间:2018-10-29 18:20:38

标签: javascript angular ionic4

在Ionic 3中,我们可以选择通过以下方式预加载页面:

IonicModule.forRoot({
  preloadModules: true
});

但是当我尝试在Ionic 4中执行此操作时,它给了我一个错误:

 Argument of type '{ preloadModules: boolean; }' is not assignable to parameter of type 'IonicConfig'.

有人知道如何在Ionic 4中做到这一点。

1 个答案:

答案 0 :(得分:0)

引擎盖下的Ionic 4使用Angular CLI,它支持延迟加载模块。使用forRoot(),forChild()创建路线时。我们可以使用loadChildren配置定义延迟加载的模块。

const app_routes: Routes = [
  {
    path: 'home',
    loadChildren: 'app/home/home.module#HomeModule'
  },
  { path: '', pathMatch: 'full', redirectTo: '/login' },
  { path: '**', pathMatch: 'full', redirectTo: '/login' }
];

RouterModule.forRoot(app_routes);

我们告诉ionic / Angular CLI,当用户访问'/ user'的位置路径时,我们需要以延迟方式加载Home Module,这将在内部加载所需的组件和服务。

Ionic Docs: https://beta.ionicframework.com/docs/