如何在静态方法或自定义类中注入Angular HttpClient？

你遇到的报错根源很明确：HttpClient本身依赖HttpHandler（以及Angular HTTP模块提供的完整拦截器链），而你手动创建Injector时只注册了HttpClient，没有提供它所需的核心依赖，自然会抛出Cannot read property 'handle' of undefined的错误。

下面是两种可行的解决思路，优先推荐第一种（更符合Angular的设计规范）：

方案一：全局复用Angular初始化好的Injector（最稳妥） #

这种方法会直接使用Angular启动时创建的全局Injector，它已经包含了HttpClient所需的所有依赖，能正常使用拦截器、全局HTTP配置等功能：

1. 编写一个Injector辅助类 #

用来全局存储和获取Angular的Injector实例：

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

export class InjectorHelper {
  private static appInjector: Injector;

  static setAppInjector(injector: Injector): void {
    InjectorHelper.appInjector = injector;
  }

  static getAppInjector(): Injector {
    return InjectorHelper.appInjector;
  }
}

2. 在根模块中初始化Injector #

在AppModule的构造函数里，把Angular创建好的Injector注入并保存到辅助类中：

import { NgModule, Injector } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { InjectorHelper } from './injector-helper';
import { AppComponent } from './app.component';

@NgModule({
  imports: [BrowserModule, HttpClientModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(private injector: Injector) {
    // 保存全局Injector，确保应用启动时就完成初始化
    InjectorHelper.setAppInjector(injector);
  }
}

3. 在静态方法中调用HttpClient #

现在就可以在你的非可注入类的静态方法里，通过全局Injector获取可用的HttpClient了：

import { HttpClient } from '@angular/common/http';
import { InjectorHelper } from './injector-helper';

export class SomeNotInjectableService {
  static doSomething() {
    const httpClient = InjectorHelper.getAppInjector().get(HttpClient);
    
    httpClient.request('GET', 'https://api.example.com/data')
      .subscribe({
        next: (response) => {
          // 处理响应数据
          console.log(response);
        },
        error: (err) => {
          // 处理请求错误
          console.error(err);
        }
      });
  }
}

方案二：手动构建HttpClient的依赖链（不推荐） #

如果你非要手动创建Injector，需要完整提供HttpClient的依赖，但这种方式会绕过Angular的默认配置（比如拦截器），代码也更繁琐：

import { Injector } from '@angular/core';
import { HttpClient, HttpHandler, HttpXhrBackend } from '@angular/common/http';

export class SomeNotInjectableService {
  static doSomething() {
    const injector = Injector.create({
      providers: [
        HttpClient,
        HttpHandler,
        { provide: HttpXhrBackend, useClass: HttpXhrBackend }
      ]
    });
    
    const httpClient = injector.get(HttpClient);
    httpClient.request('GET', 'https://api.example.com/data').subscribe(/* ... */);
  }
}

⚠️ 注意：这种方式无法使用你在AppModule中配置的HTTP拦截器，也无法继承全局HTTP设置，仅适合临时应急场景。

额外建议 #

尽量避免在静态方法中使用依赖注入，这会让代码难以测试、维护和扩展。如果你的SomeNotInjectableService可以改造成Angular服务，优先通过构造函数注入HttpClient，这才是Angular的最佳实践。

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