Angular的路由方法loadChildren跟children有什么區(qū)別？

children是一組自路由的定義。

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

當(dāng)導(dǎo)航到“/team/11/user/bob”這個(gè)路徑時(shí)，路由就會(huì)創(chuàng)建team component，并把user component放到里面。

loadChildren 是延遲加載的子路由的引用。

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

路由使用注冊(cè)好的NgModuleFactoryLoader來獲取跟team有關(guān)的NgModule。然后將其路由定義放到主路由配置文件中。

所以時(shí)候什么時(shí)候用loadChildren ？ 當(dāng)你想提升性能，延遲加載某些模塊時(shí)，就可以考慮這種路由加載方式了。