如何在ModuleCommon定义MyService并延迟XInjectionToken注入至子模块？

核心思路是：在公共模块ModuleCommon中仅定义服务框架、依赖接口和注入令牌，不绑定具体依赖实现；由子模块ModuleA和ModuleB各自提供符合接口的依赖实现，并将其与注入令牌关联，同时在子模块中注册共享服务，确保服务能获取到当前模块的专属依赖。

1. 在ModuleCommon中定义核心内容 #

在公共模块里导出依赖接口、注入令牌和共享服务，不提供任何依赖实现：

// module-common.ts
import { Inject, Injectable, InjectionToken } from '@angular/core';

// 定义统一的依赖接口，约束子模块实现
export interface IDependency {
  doSomething(): void;
}

// 创建注入令牌，用于标识依赖
export const XInjectionToken = new InjectionToken<IDependency>('XInjectionToken');

// 定义共享服务，通过注入令牌获取依赖，不绑定具体实现
@Injectable()
export class MyService {
  constructor(@Inject(XInjectionToken) private dep: IDependency) {}

  // 示例方法：调用依赖的功能
  executeDependencyLogic() {
    this.dep.doSomething();
  }
}

2. 在ModuleA中提供专属依赖并注册服务 #

在ModuleA中实现IDependency接口，然后在模块的providers数组中关联注入令牌与当前实现，同时注册MyService：

// module-a.ts
import { NgModule } from '@angular/core';
import { MyService, XInjectionToken, IDependency } from './module-common';

// ModuleA的依赖实现
export class ModuleADependency implements IDependency {
  doSomething(): void {
    console.log('执行ModuleA专属的依赖逻辑');
  }
}

@NgModule({
  providers: [
    MyService, // 为ModuleA提供独立的MyService实例
    { provide: XInjectionToken, useClass: ModuleADependency } // 绑定令牌到ModuleA的实现
  ]
})
export class ModuleA {}

3. 在ModuleB中重复类似配置 #

和ModuleA逻辑一致，提供ModuleB的依赖实现并完成绑定：

// module-b.ts
import { NgModule } from '@angular/core';
import { MyService, XInjectionToken, IDependency } from './module-common';

// ModuleB的依赖实现
export class ModuleBDependency implements IDependency {
  doSomething(): void {
    console.log('执行ModuleB专属的依赖逻辑');
  }
}

@NgModule({
  providers: [
    MyService,
    { provide: XInjectionToken, useClass: ModuleBDependency }
  ]
})
export class ModuleB {}

关键注意事项 #

• 禁止在ModuleCommon中注册依赖实现：如果公共模块提前绑定了XInjectionToken的实现，子模块的配置会被覆盖，无法实现差异化依赖。
• 服务实例隔离：通过在子模块providers中注册MyService，每个子模块会获得独立的服务实例，各自绑定对应的依赖，避免相互干扰。
• 避免providedIn: 'root'：如果给MyService添加providedIn: 'root'，服务会变成全局单例，无法适配不同模块的差异化依赖，必须在子模块显式注册。

内容的提问来源于stack exchange，提问作者user6118986