使用同一服务的多个实例

Question

我有一个服务，像这样：

@Injectable()
export class EditorService { ... }

我有一个组件，像这样：

@Component({
  ...
  template: `<child-component></child-component>`,
  providers: [EditorService],
  ...
})
export class SomeComponent {
  constructor(
    private _appleEditorService: EditorService,
    private _pearEditorService: EditorService) {}
  }

你可能已经注意到，这个组件有一个子组件：

@Component({
  ...
  selector: 'child-component',
  ...
})
export class ChildComponent {
  constructor(
    private _appleEditorService: EditorService,
    private _pearEditorService: EditorService) {}
  }

如您所见，我想要我的EditorService 的两个实例：一个用于编辑苹果，一个用于编辑梨。但是，上面的代码不起作用，因为 Angular 无法知道 EditorService 的哪个实例是哪个实例，因为它们的变量名是私有的。 _pearEditorService in ChildComponent 可能与 _appleEditorService 在 SomeComponent 中引用相同的实例。

问题：否则，我可以两次使用同一个 Angular2 服务吗？

编辑：我的问题是是否可以使用同一个类。我知道有一些解决方法，可以为服务的每个实例创建一个单独的类，甚至可以通过继承使用很少的代码来实现。我只是想知道是否可以不这样做。

Answer 1

Angular DI 为每个提供者维护一个实例。在您的情况下，如果您有两个具有相同类型的构造函数参数，它们会解析为同一个实例。

您可以做的是提供一个工厂函数（与简单的useFactory 提供程序事件不同，尽管它也使用它）

（从https://stackoverflow.com/a/37517575/217408复制的示例）

{ provide: EditorService, useFactory: 
    (dep1, dep2) => {
        return (x) => { 
            new EditorService(x, dep1, dep2);
        }
    }, deps: [Dep1, Dep2]
})

....

constructor(@Inject(EditorService) editorServiceFactory: any) {
  let editorService1 = editorServiceFactory(1);
  let editorService2 = editorServiceFactory(2);
}

如果您有固定数量的实例，这应该可以工作：

{ provide: 'instance1', useClass: EditorService },
{ provide: 'instance2', useClass: EditorService },

export class SomeComponent {
    constructor(
        @Inject('instance1') private _appleEditorService: EditorService,
        @Inject('instance2') private _pearEditorService: EditorService) {}
}

Answer 2

也许会重新考虑你的设计

我认为你可能不得不重新考虑你的设计。让两个变量指向完全相同的 EditorService 有什么意义？如果他们共享相同的实现。

继承解决方案

对此的解决方案可能是使用继承。我没有看到你的服务，所以我不确定他们做了什么，但从这段代码中我假设“苹果”功能和“梨”功能实际上是不同的。那么这表明您可能有一些设计问题，并且您的 EditorService 可能做得太多。也许您可以将与 Apples 和 Pears 相似的代码移动到名为 EditorService 的服务中，然后让两个类扩展它。一个AppleEditorService和一个PearEditorService。

使用通用fruitService

只是想多谈谈我认为您可能需要重新考虑您的设计的原因。让我们假设 appels 和 pears 实际上具有相同的功能。所以EditorService也一样。您希望一个变量用于“Apples”，一个用于“Pears”。如果我看到该代码（假设其他人在您的团队中工作），并且我注意到两个变量都指向同一个服务。 （服务是单例的），我只是想删除它并制作类似fruitService : EditorService或类似的东西。

无论哪种方式，您的问题都让我认为应该更改设计。您不想要服务的两个实例，服务是单例的，虽然您可以找到解决方法，但我认为这并不是解决问题的真正方法。

---

但正如我之前提到的。想想你的设计。你真的需要两个子服务，或者你能用不同的方式解决它吗？你能吃苹果和梨子类水果吗？您可以只使用一个变量“fruitService”而不是两个苹果/梨吗？当您将来也想存储“草莓”时会发生什么？有一堆变量指的是同一个服务（因为它们做同样的事情）但具有不同的变量名称​​不是一个好主意。想象一下在代码中看到这一点

 appleService = EditorService;
 pearService = EditorService;
 starwberryService = EditorService;
 lemonService = EditorService;
 ...
 guavaService = EditorService;

这不是表示代码有些奇怪吗？我可以想象（此时您没有提供代码）您存储了一个水果实例数组。但是也许fruitService 可以工作，然后存储fruitService.store(Apple a) 并将其放入“水果”数组中。使用“过滤器”从阵列中获取正确的水果应该不会太难。

^ 这只是在没有更多代码的情况下编写的。如果您编辑您的问题，有些事情可能不再成立。

Answer 3

如何使用服务中的对象来存储 X 个实例...

export class Test {

  private vars: any;

  constructor() {
    vars = {};
  }

  createInstance(var: any) {
    this.vars[var] = var;
  }

  doSomething(var: any, options): void {
    this.vars[var] = someChangeToVar;
  }

  doSomethingElse(var: any): void {
    this.vars[var] = someOtherChangeToVar;
  }

  get var(var: any): any {
    return this.vars[var];
  }

}

你调用它时第一个参数是实例的名称...

export class SomeComponent {

  constructor(private test: Test) {

    // create instance
    this.test.createInstance('myInstance');

    // do something to it
    this.test.doSomething('myInstance', 'some input here');

    // get it back
    const result = this.test.get('myInstance');

    console.log(result);
  }
...
}

Answer 4

不理想，但如果您为每个组件创建一个模块，然后在每个模块上导入您的服务，您将拥有相同服务的 2 个实例（每个模块一个）。