如何在Angular中通过字符串名称动态实例化服务？

嘿，我完全理解你想要通过字符串类名动态实例化Angular服务的需求——有时候硬编码类型确实不够灵活，尤其是在需要动态加载或者根据配置决定实例化哪个服务的场景下。

首先得明确：直接用window[myClassName]或者手动Object.create的方式在Angular里是不推荐的，因为这种方式会绕过Angular的依赖注入（DI）系统。如果你的服务依赖了其他服务（比如HttpClient、其他自定义服务），直接实例化会导致这些依赖无法被正确注入，服务根本没法正常工作。

下面给你两种符合Angular DI规范的解决方案：

方法一：使用字符串Token注册服务 #

这是最贴合Angular设计理念的方式，你可以把服务和一个字符串Token绑定，然后通过Injector用这个Token获取实例。

步骤1：在模块/组件的Providers中注册字符串Token #

在你的NgModule或者组件的providers数组里，把服务类和字符串名称绑定：

import { NgModule } from '@angular/core';
import { MyService1 } from './my-service1.service';
import { MyService2 } from './my-service2.service';

@NgModule({
  providers: [
    { provide: 'MyService1', useClass: MyService1 },
    { provide: 'MyService2', useClass: MyService2 }
    // 把所有需要动态实例化的服务都按这种方式注册
  ]
})
export class AppModule {}

步骤2：通过Injector动态获取实例 #

在需要动态实例化的组件或服务中，注入Injector，然后用字符串Token获取服务实例：

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

@Component({
  selector: 'app-dynamic-service',
  template: ''
})
export class DynamicServiceComponent {
  constructor(private injector: Injector) {}

  getServiceByName(serviceName: string) {
    try {
      // 用字符串Token从Injector中获取服务实例
      return this.injector.get(serviceName);
    } catch (error) {
      throw new Error(`服务 ${serviceName} 未在DI系统中注册`);
    }
  }
}

这种方式的好处是完全遵循Angular的DI规则，服务的所有依赖都会被自动注入，不需要手动处理。

方法二：维护服务映射表 + 结合Injector/Reflect.construct #

如果需要更灵活的动态映射（比如动态添加服务类），可以维护一个键为类名字符串、值为服务类本身的映射表，再通过映射表拿到类后实例化。

步骤1：创建服务映射表 #

新建一个文件来维护所有可动态实例化的服务：

// service-mapping.ts
import { MyService1 } from './my-service1.service';
import { MyService2 } from './my-service2.service';

export const SERVICE_MAPPING: Record<string, any> = {
  'MyService1': MyService1,
  'MyService2': MyService2
};

步骤2：动态实例化服务 #

根据你的需求，有两种实例化方式：

场景A：服务需要依赖注入

如果服务的构造函数依赖其他Angular服务，必须通过Injector来创建实例：

import { Injector } from '@angular/core';
import { SERVICE_MAPPING } from './service-mapping';

export class DynamicServiceLoader {
  constructor(private injector: Injector) {}

  loadService(serviceName: string) {
    const ServiceClass = SERVICE_MAPPING[serviceName];
    if (!ServiceClass) {
      throw new Error(`服务 ${serviceName} 未在映射表中定义`);
    }

    // 创建子Injector来获取服务实例，保证依赖被正确注入
    const childInjector = Injector.create({
      providers: [{ provide: ServiceClass }],
      parent: this.injector
    });

    return childInjector.get(ServiceClass);
  }
}

场景B：服务只需要手动传参，无DI依赖

如果服务不需要Angular的依赖注入，只是需要手动传构造参数，可以用Reflect.construct：

import { SERVICE_MAPPING } from './service-mapping';

export function createService(serviceName: string, ...params: any[]) {
  const ServiceClass = SERVICE_MAPPING[serviceName];
  if (!ServiceClass) {
    throw new Error(`服务 ${serviceName} 未在映射表中定义`);
  }

  // 类似new ServiceClass(...params)，但更符合ES6规范
  return Reflect.construct(ServiceClass, params);
}

关键提醒 #

无论哪种方式，都不要直接用new window[className]，因为：

• Angular的服务通常是单例的，直接new会创建多个实例，破坏单例模式
• 服务中的DI依赖无法被自动注入，会导致服务功能异常
• 不符合Angular的设计规范，后期维护难度大

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