angular - 如何使用 loadChildren 为 angular2 延迟加载路由器创建 plunker

Question

我面临着创建一个 pluker 来演示问题的问题。 当我在 route 使用 { path: 'mod1', loadChildren: 'mod1.module#Mod1Module'} 时。然后 plunker 尝试加载这样的 url:

https://run.plnkr.co/XXXXXXXXXX/mod1.module

但它返回未找到，所以我的插件没有运行。

这是骗子 URL:https://plnkr.co/edit/Qd8MLYNQVS2NJ6vH3ZC6?p=preview

更新

我已经能够用这个笨蛋打开仪表板了。 https://plnkr.co/edit/zgMigHSEFXxxwUp8QQzr?p=preview 当我尝试在模块 1 的第 1 页中导航时，它显示另一个错误。

Answer 1

mod1.module.ts

@NgModule({
  imports: [
    Mode1RoutingModule, // <== add this line
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    CommonModule
  ],
  declarations: [
    routedComponents,
    Mod1Page1Component,
    Mod1Page2Component
  ],
  providers: [
        Mod1AbcService
  ]
})
export class Mod1Module { }

https://plnkr.co/edit/zHso2uuvHec4FHOHGjNH?p=preview