angular 2中的延迟加载文件夹

我目前使用的是角度版本RC-1

你能给我解释一下如何用指南中的一个例子来实现角度延迟加载吗

在我的项目中实现它将非常有用

在惰性加载的文件夹前面加上+也需要一个例子

显式我只需要按需加载我的角度2组件

app.component.ts

---

若你们正在寻找angular 2的延迟加载概念，那个么你们只需要在你们的路线上做一些改变。。。你必须让他们只在需要的时候加载

只是别忘了导入asyncroute。。 这就是延迟加载概念在angular 2中的工作原理：

此外，您可以在

---

我希望这就是你想要的：

坏消息是，对于rc1，你将无法仅按需加载我的angular 2组件

好消息是ng2 rc5，你现在可以通过ng2团队像angularJs 1一样引入back模块来做到这一点。 因此，首先将项目模块化为：

@NgModule({
  imports:      [ BrowserModule, routing ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

然后按需加载：

import { Routes, RouterModule } from '@angular/router'; 
 const routes: Routes= [{path: 'welcome', loadChildren: 'app/screens/welcome.module'}];
export const routing = RouterModule.forRoot(routes);

此处：loadChildren:'app/screens/welcome.module'是ts文件app/screens/welcome.module.ts

有关更详细的示例，请选中此选项：

---

我已经按照上述步骤进行了操作，但是所有组件js都在加载，即使通过异步路由进行路由，您可以向我显示您定义路由的文件吗。。。？因为我也在做同样的事情，这很好，只要重新开始你的npm，即npm开始。。。。您的代码看起来是正确的，它应该已更改。。。n告诉我，如果它仍然不工作，仍然不工作，请在页面加载屏幕截图上单击Look仅它正在加载所有内容加载任何页面时只需检查网络选项卡。。。。是否正在向其他components.js文件发送调用？？？延迟加载停止该调用。。。但不应加载正在加载的文件：|

@NgModule({
  imports:      [ BrowserModule, routing ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

import { Routes, RouterModule } from '@angular/router'; 
 const routes: Routes= [{path: 'welcome', loadChildren: 'app/screens/welcome.module'}];
export const routing = RouterModule.forRoot(routes);