Angular的路由方法loadChildren跟children有什么区别？

Question

loadChildren 什么时候用合适？

Answer 1

children是一组自路由的定义。

[{
  path: 'team/:id',
 component: Team,
  children: [{
    path: 'user/:name',
    component: User
  }]
}]

当导航到“/team/11/user/bob”这个路径时，路由就会创建team component，并把user component放到里面。

loadChildren 是延迟加载的子路由的引用。

[{
  path: 'team/:id',
  component: Team,
  loadChildren: 'user.bundle.js'
}]

路由使用注册好的NgModuleFactoryLoader来获取跟team有关的NgModule。然后将其路由定义放到主路由配置文件中。

所以时候什么时候用loadChildren ？ 当你想提升性能，延迟加载某些模块时，就可以考虑这种路由加载方式了。