Angular2中的延迟加载指令

Question

我无法真正找到关于此的答案，所以如果在Angular（RC4）中存在关于延迟加载指令的解决方案甚至最佳实践，我会很高兴听到。

Answer 1

延迟加载是用rc.5引入的，用于加载模块。但是，您可以根据需要在模块中组织指令。

有关如何开始延迟加载的说明，请参阅https://angularjs.blogspot.de/。

  

延迟加载除了启用AoT编译之外   改善Angular2的开发者体验，NgModules启用了   通过路由器延迟加载应用程序的简单方法。一个   简单的例子说明了这一点：

import {RouterModule} from
 ‘@angular/router’ import {NgModule} from ‘@angular/core’ @NgModule({  
 declarations: [ MyComponent, MyHomeRoute ],   bootstrap: [ MyComponent
 ],   imports: [
     RouterModule.forRoot([
       { path: ‘home’, component: MyHomeRoute },
       { path: ‘lazy’, loadChildren: ‘./my-lazy-module’ }
     ]) }) class MyAppModule {}

     

您只需在路线上定义loadChildren属性，然后定义Angular   将在该位置获取模块并加载定义的路由   在它进入路由器配置。