Angular继承类时无法使用构造器注入的替代依赖注入方案

当无法通过构造器注入服务时，以下几种方案可以解决你的问题：

1. 使用inject()函数（Angular 14+ 推荐方案） #

Angular 14及以上版本提供的inject()函数，允许你在类的属性初始化阶段直接获取注入的服务，无需修改构造器参数，完全适配你无法修改父类构造器的场景：

import { inject } from '@angular/core';
import { ParentComponent } from './parent.component';
import { Service1, Service2, Service3 } from './services';

export class ChildComponent extends ParentComponent {
  // 直接通过inject()获取服务
  private readonly service3 = inject(Service3);

  constructor(
    service1: Service1,
    service2: Service2,
    el?: ElementRef | null
  ) {
    super(service1, service2, el);
  }

  // 后续可在组件方法中正常使用this.service3
  someMethod() {
    this.service3.doSomething();
  }
}

优点：符合Angular依赖注入规范，测试时可正常mock服务，代码简洁。
注意：必须在Angular的注入上下文（类初始化、构造器执行阶段）中调用inject()，不能在异步方法或延迟执行的回调中使用。

2. 手动获取Injector实例并获取服务 #

如果项目版本低于Angular 14，可以通过注入Injector手动获取服务。若父类构造器允许额外可选参数，可直接注入；否则可使用全局注入器：

import { Injector } from '@angular/core';
import { ParentComponent } from './parent.component';
import { Service1, Service2, Service3 } from './services';

export class ChildComponent extends ParentComponent {
  private readonly service3: Service3;

  constructor(
    service1: Service1,
    service2: Service2,
    el?: ElementRef | null,
    // 若父类允许，直接注入Injector
    injector?: Injector
  ) {
    super(service1, service2, el);
    // 未传入则使用全局注入器
    const usedInjector = injector || Injector.create({ providers: [] });
    this.service3 = usedInjector.get(Service3);
  }
}

注意：使用全局注入器会增加代码耦合性，优先推荐在父类允许的情况下直接注入Injector。

3. 静态实例引用（不推荐，应急方案） #

如果服务是单例模式（如providedIn: 'root'），可在服务类中保存静态实例，直接在子类中引用：

// service3.ts
import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class Service3 {
  public static instance: Service3;

  constructor() {
    Service3.instance = this;
  }

  doSomething() {
    // 服务逻辑
  }
}

// child.component.ts
import { ParentComponent } from './parent.component';
import { Service1, Service2, Service3 } from './services';

export class ChildComponent extends ParentComponent {
  private readonly service3 = Service3.instance;

  constructor(
    service1: Service1,
    service2: Service2,
    el?: ElementRef | null
  ) {
    super(service1, service2, el);
  }
}

缺点：严重依赖单例模式，测试时难以mock服务，违反依赖注入的解耦原则，仅推荐作为临时应急方案。

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