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 将在该位置获取模块并加载定义的路由 在它进入路由器配置。