javascript - 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);

通过子模块中的提供者字段提供服务并在该模块的组件之间切换会重新实例化该服务(通过登录服务构造函数进行测试)。

该服务仅在模块中提供。

@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 .