懒加载模块的Injection Token Provider定义失效问题

问题背景 #

Angular应用模块层级如下：

• AppModule
  • 懒加载的Customer-Module（导入Customer-Data-Module）

在Customer-Data-Module中配置PLURAL_NAMES_TOKEN提供者后并未生效，仅将该提供者移至AppModule时才能正常工作：

@NgModule({
  declarations: [],
  imports: [CommonModule],
  providers: [
    { provide: PLURAL_NAMES_TOKEN, multi: true, useValue: entityConfig.pluralNames }
  ]
})
export class CustomerDataModule {
  constructor(private eds: EntityDefinitionService, pluralizer: Pluralizer) {    
    eds.registerMetadataMap(entityConfig.entityMetadata);
  }
}

原因分析 #

PLURAL_NAMES_TOKEN是NgRx/Data中用于全局复数规则的注入令牌，而NgRx的核心服务（如Pluralizer）默认是根注入器级别的单例服务。懒加载模块的providers会创建独立的注入器层级，根注入器中的Pluralizer无法感知到懒加载模块内提供的PLURAL_NAMES_TOKEN配置，因此导致规则不生效。

解决方案 #

方案1：将复数配置移至AppModule（已验证有效） #

直接在AppModule的providers数组中添加PLURAL_NAMES_TOKEN的配置，确保根注入器能获取到复数规则：

@NgModule({
  // ...其他配置
  providers: [
    { provide: PLURAL_NAMES_TOKEN, multi: true, useValue: entityConfig.pluralNames }
  ]
})
export class AppModule {}

方案2：在懒加载模块中手动注册复数规则（保持模块封装性） #

如果希望保持Customer-Data-Module的独立性，可在模块构造函数中直接调用Pluralizer的registerPluralNames方法，手动注册复数规则（因为注入的Pluralizer是根级单例实例）：

@NgModule({
  declarations: [],
  imports: [CommonModule],
  // 移除PLURAL_NAMES_TOKEN的提供者配置
  providers: []
})
export class CustomerDataModule {
  constructor(private eds: EntityDefinitionService, pluralizer: Pluralizer) {    
    eds.registerMetadataMap(entityConfig.entityMetadata);
    // 手动注册复数名称到全局Pluralizer实例
    pluralizer.registerPluralNames(entityConfig.pluralNames);
  }
}

注意事项 #

确保entityConfig.pluralNames的格式符合要求，应为键值对结构：

const entityConfig = {
  pluralNames: {
    Customer: 'Customers',
    // 其他实体的复数规则
  },
  // 其他实体元数据
};

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