将非单例服务注入Angular中的非单例服务

Question

如果我想将非单例服务注入 Angular 中的另一个非单例服务，该怎么办？

假设我有一个ComponentA，它使用这样的ServiceA

@component({
  selector: "componentA",
  providers: [ServiceA]
})
export class ComponentA {
  constructor(private serviceA: ServiceA) {}
}

现在，ServiceA 也依赖于ServiceB，所以我需要注入它

@Injectable()
export class ServiceA {
   constructor(private serviceB: ServiceB) {}
}

我将如何/在哪里声明我的ServiceB？在模块中？在那种情况下会是单例吗？

如果我将它添加到 ComponentA 中的提供程序，它可以正常工作，但是我需要在 ComponentA 中知道 ServiceA 依赖于 ServiceB，这对我来说似乎不太好。

谢谢！

Answer 1

服务在提供它们的范围内始终是单例，因此如果您在模块中提供 B，那么对于使用该模块的每个人来说，它都是同一个单例。我认为您需要直接在服务 A 中使用 Injector 才能按照自己的方式进行操作。

见https://angular.io/api/core/Injectable

Answer 2

粗略地说，除非您在@Injectable() 中有providedIn 选项，否则Angular 不会将服务视为单例。有关其工作原理的详细信息，您可以参考文档：https://angular.io/api/core/Injectable#providedin

您将遇到的问题是，如果您只是这样做：

@Injectable()
export class ServiceB {
   constructor() {}
}

尝试将 ServiceB 注入 ServiceA 时会抛出错误，因为它没有提供程序。现在通常，要解决此问题，您需要将{ providedIn: 'root' } 添加到ServiceB 的@Injectable()。这会将服务 B 创建为应用程序范围的单例服务。

当您使用@Component( { providers: [] } ) 时，将创建一个实例仅为该组件。但你不能为服务做到这一点。

您可能会问，为什么@Injectable() 没有像@Component() 那样的providers 选项？ Angular 团队出于多种原因不想这样做，请参阅此 github 问题以获取更多信息 https://github.com/angular/angular/issues/5622

TLDR：

为了给你提供解决这个问题的方法，你可以保持简单，如果你想控制你使用的实例，你可以完全避免使用 Angular 的 DI，你可以自己做：

@Injectable()
export class ServiceA {
   constructor(private serviceB: ServiceB = new ServiceB()) {}
}

或

• 将 Angular 的 DI 与 @NgModule() 和/或 @Component() providers 数组一起使用，
• @Injectable( { providedIn: <something> } ) (https://angular.io/api/core/Injectable#providedin)

编辑：正如@minigeek 所建议的，使用providedIn 您可以使用any 让每个惰性模块都获得它自己的服务实例。