我已经在我的应用程序中实现了延迟加载模块,app.module.ts 配置正确。
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
HomeComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
routing
],
bootstrap: [AppComponent]
})
export class AppModule { }
路由配置
const APP_ROUTES: Routes = [
{ path: '', component: HomeComponent },
{ path: 'tools', loadChildren: 'app/tools/tools.module#ToolsModule' }
];
export const routing = RouterModule.forRoot(APP_ROUTES);
通过子模块中的providers字段提供服务并在该模块的组件之间切换会重新实例化该服务(通过登录服务构造函数进行测试)。
该服务仅在模块中提供。
@NgModule({
declarations: [
ToolsComponent,
ToolsCartComponent,
ToolsContainerComponent,
ToolsFormComponent
],
imports: [
CommonModule,
toolsRouting
],
providers: [ToolsService]
})
export class ToolsModule { }
为什么提供的服务不是单例?
EDIT:
我通过添加仅适用于该模块(在本例中为后端模块)范围内的服务,修改了延迟加载模块的 plunker 示例。在 BackendComponent 和 BackendSecondComponent(均在延迟加载模块下声明)之间切换,服务将被重新实例化(在控制台中可见)
笨蛋链接 https://embed.plnkr.co/Y4r1CfZ6VmGHQ1W5hLGu/