如何为Angular懒加载模块提供替代类实现？

要实现懒加载模块中覆写全局单例服务的方法且共享状态，需解决两个核心问题：保证服务状态全局共享、在懒加载模块中替换服务实现，具体步骤如下：

1. 重构全局计数服务（使用引用类型共享状态） #

将原始数值类型的count改为引用类型（对象包装），确保主模块与懒加载模块操作同一状态：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root' // 标记为全局单例
})
export class CounterService {
  // 用对象包装count，实现跨模块状态共享
  count = { value: 0 };

  increment() {
    this.count.value += 1;
  }
}

2. 创建覆写方法的子类服务 #

继承全局服务，覆写increment方法，并在构造函数中注入根实例的服务，绑定状态引用：

import { Injectable, SkipSelf, Optional } from '@angular/core';
import { CounterService } from '../counter.service';

@Injectable()
export class FeatureCounterService extends CounterService {
  // @SkipSelf() 跳过当前模块注入器，查找根注入器的服务实例
  // @Optional() 避免未找到实例时抛出错误
  constructor(@Optional() @SkipSelf() rootCounter: CounterService) {
    super();
    // 绑定根实例的count对象，确保状态全局同步
    if (rootCounter) {
      this.count = rootCounter.count;
    }
  }

  // 覆写increment方法，改为加10
  override increment() {
    this.count.value += 10;
  }
}

3. 在懒加载模块中替换服务提供者 #

在FeatureModule中配置提供者，将CounterService的实现替换为覆写后的子类：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FeatureComponent } from './feature.component';
import { CounterService } from '../counter.service';
import { FeatureCounterService } from './feature-counter.service';

@NgModule({
  declarations: [FeatureComponent],
  imports: [CommonModule],
  providers: [
    {
      provide: CounterService,
      useClass: FeatureCounterService // 替换服务实现
    }
  ]
})
export class FeatureModule { }

关键说明 #

• 之前使用useExisting无效的原因：懒加载模块拥有独立注入器，useExisting会优先在当前模块注入器查找实例，找不到则创建新实例，无法关联根注入器的单例。
• 引用类型的作用：原始类型（如Number）是值传递，跨模块赋值只会复制当前值；用对象包装后，不同服务实例持有同一对象引用，修改value时状态会全局同步。

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