如何将拦截器和服务从应用程序模块加载到延迟加载的模块？

Question

I have loaded some interceptors and services in app.module.ts and want to 
load same interceptors and services in lazy loaded module.how do i load 
it?This is app.module.ts file where i have loaded interceptors and 
services in providers.
@NgModule({

providers: [
{ provide: APP_BASE_HREF, useValue: '/' },
{ provide: HTTP_INTERCEPTORS, useClass: LoaderInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: CommonInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: ServerErrorsInterceptor, multi: 
true },
CommonServiceService, 
dialogModelService, 
LoaderService, 
LoginServiceService, 
MessageService,
ValidationService,
AuthGuard,
{ provide: USER_STORAGE, useExisting: SESSION_STORAGE },
    UserStorageService
],
})

export class AppModule {
}

when the internal modules are loading inside the pages folder. interceptors and services are not working in modules which are lazy loaded

Answer 1

All services provided in the app.module.ts should have global scope, meaning, you can use them for dependency injection in any lazy loaded module without errors throughout the application

If you HOWEVER want to have separate provider instances for lazy loaded modules, just add it into the providers array of the respective @NgModule