将@ngrx 存储作为依赖项注入 Angular 的工厂提供程序中

Question

I'm using a function factory in the app.module of my Angular application to initialise one service. Something like this

export function analyticsServiceFactory() {
  return ConfigService.env === "development" ? new AnalyticsDevService() : new AnalyticsService();
}
...
const providers = [
  ...
  { provide: AnalyticsService, useFactory: analyticsServiceFactory }
];

This was working fine until now. Problem comes because now I need to inject the state (@ngrx) as a dependency to one of those services. How would I do that?

I know I can add a dependencies to the factory provider, but how do I add the state? Is that even possible?

Also, my store and my analyticsServiceFactory are defined in different modules, which makes it even more difficult.

Any ideas? Thanks.

Answer 1

您可以在提供者定义的"deps"数组中要求依赖项，然后在工厂函数中将它们作为参数接受：

{ provide: FooService, useFactory: (store: Store<AppState>, httpClient: HttpClient) => { return new FooService(httpClient, store); }, deps: [Store, HttpClient] }