Question

我正在使用共享模块为我的Angular 4.2.4应用程序中的其他延迟加载模块提供组件和服务。

除了我注入的HttpInterceptor之外，一切都运行良好。

如果我将它添加到共享模块的forRoot（）中，则不会在我的延迟加载模块中为我的HttpCLient调用注入。

如果我将它留在常规提供者：共享模块的[]部分，它会被注入到我的延迟加载的模块中，但它不再被视为单例并为每个模块初始化。

有谁知道为什么这不起作用？

现在我只是允许拦截器拥有多个实例，但它最终并不是我想要的。

shared.module.ts （在延迟加载时不起作用）

@NgModule({
  imports: [
    CommonModule,
    HttpClientModule,
  ],
  declarations: [ ],
  exports: [
    CommonModule,
  ],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: JwtHttpInterceptor,
      multi: true
    }
  ]
})  
export class SharedModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: SharedModule,
      providers: [
        HttpClient
      ]
    };
  }
}

shared.module.ts （适用于延迟加载，但不是单身）

@NgModule({
  declarations: [
    AppComponent,
    PageNotFoundComponent,
    ShellComponent,
    MenuComponent,
    FooterComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AppRoutingModule,
    SharedModule.forRoot()
  ],
  providers: [ ],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.module.ts

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    SharedModule
  ],
  declarations: [ ],
  providers: [ ]
})
export class AdminModule { }

admin.module.ts （延迟加载模块）

UPDATE uploads SET stored_until=:stored_until WHERE name IN (FIND_IN_SET(uploads.name, :name_list))

Answer 1

sharedmodule和forRoot

我遇到了完全相同的问题

请参阅：

https://github.com/angular/angular/issues/20575

尝试从共享模块中删除HttpClientModule

Angular 4.2.4 HttpInterceptor在共享模块的forRoot（）中使用时不起作用

1 个答案: