Angular 2 延迟加载模块 - 服务不是单例

Question

我已经在我的应用程序中实现了延迟加载模块，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 { }

为什么提供的服务不是单例？

编辑：

我修改了一个用于延迟加载模块的 plunker 示例，添加了一个仅限于该模块（在本例中为后端模块）范围内的服务。在 BackendComponent 和 BackendSecondComponent 之间切换（它们都在延迟加载模块下声明）服务被重新实例化（在控制台中可见）

Plunker link

Answer 1

我认为这是一个已知问题，已在此处跟踪 https://github.com/angular/angular/issues/12869。

Answer 2

我认为这与这个 Whosebug post 是同一个问题：

解决方案是在延迟加载模块中创建一个 "root component" 并将组件添加到这个新的根组件。

Angular 2 延迟加载模块 - 服务不是单例

Angular 2 lazy loaded module - service not singleton

javascript

angular

typescript

angular2-services