Angular 8依赖注入：如何在服务构造函数中动态注入类？

当然有可行的方案！核心思路是基于抽象而非具体实现编程，先通过TypeScript接口定义统一的数据源契约，再结合Angular的依赖注入特性，就能让DownloadService灵活适配不同的数据源服务。下面给你几种实用的实现方式：

第一步：定义统一的数据源接口 #

首先创建一个接口，约束所有数据源服务必须实现getDownloadData()方法，这样DownloadService只需要依赖这个抽象接口，不用关心具体是哪个服务：

import { Observable } from 'rxjs';

// 定义数据源契约
export interface DownloadDataSource {
  getDownloadData(): Observable<Blob>; // 根据你的实际返回类型调整，这里假设是Blob
}

然后让你的MusicService和其他数据源服务都实现这个接口：

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs';
import { DownloadDataSource } from './download-data-source.interface';

@Injectable({ providedIn: 'root' })
export class MusicService implements DownloadDataSource {
  getDownloadData(): Observable<Blob> {
    // 你的原有实现逻辑
    return ...;
  }
}

方案一：调用时直接传入数据源实例（最简单直接） #

修改DownloadService，去掉构造函数中固定注入的服务，改为在调用onDownload时传入数据源实例：

import { Injectable } from '@angular/core';
import { DownloadDataSource } from './download-data-source.interface';

@Injectable({ providedIn: 'root' })
export class DownloadService {
  constructor() { }

  onDownload(dataSource: DownloadDataSource) {
    dataSource.getDownloadData().subscribe( (data) => {
      const fileName = 'Report.pdf';
      const blob = new Blob([data], { type: 'application/pdf' });
      
      // 原有下载逻辑不变
      if (navigator.msSaveBlob) { // IE 10+
        navigator.msSaveBlob(blob, fileName);
      } else {
        const link = document.createElement('a');
        if (link.download !== undefined) {
          const url = URL.createObjectURL(blob);
          link.setAttribute('href', url);
          link.setAttribute('download', fileName);
          link.style.visibility = 'hidden';
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
        }
      }
    });
  }
}

然后在调用的组件中，注入对应的数据源服务并传给DownloadService：

import { Component } from '@angular/core';
import { DownloadService } from './download.service';
import { MusicService } from './music.service';

@Component({
  selector: 'app-music',
  templateUrl: './music.component.html'
})
export class MusicComponent {
  constructor(
    private downloadService: DownloadService,
    private musicService: MusicService
  ) {}

  handleDownload() {
    // 传入当前组件需要的数据源
    this.downloadService.onDownload(this.musicService);
  }
}

优点：实现简单，组件完全掌控要使用的数据源，适合明确知道自己需要哪个服务的场景。

方案二：利用注入令牌实现组件级别的数据源替换 #

这种方式更符合依赖注入的设计原则，让DownloadService依赖抽象令牌，每个组件可以自己配置要使用的数据源：

1. 先定义一个注入令牌：

import { InjectionToken } from '@angular/core';
import { DownloadDataSource } from './download-data-source.interface';

export const DOWNLOAD_DATA_SOURCE = new InjectionToken<DownloadDataSource>('DOWNLOAD_DATA_SOURCE');

2. 修改DownloadService，注入这个令牌：

import { Injectable, Inject } from '@angular/core';
import { DOWNLOAD_DATA_SOURCE } from './download-data-source.token';
import { DownloadDataSource } from './download-data-source.interface';

@Injectable({ providedIn: 'root' })
export class DownloadService {
  constructor(
    @Inject(DOWNLOAD_DATA_SOURCE) private dataSource: DownloadDataSource
  ) { }

  onDownload() {
    this.dataSource.getDownloadData().subscribe( (data) => {
      // 原有下载逻辑不变
      ...
    });
  }
}

3. 在组件的providers中配置对应的数据源：

import { Component } from '@angular/core';
import { DownloadService } from './download.service';
import { DOWNLOAD_DATA_SOURCE } from './download-data-source.token';
import { MusicService } from './music.service';

@Component({
  selector: 'app-music',
  templateUrl: './music.component.html',
  providers: [
    // 为当前组件指定数据源为MusicService
    { provide: DOWNLOAD_DATA_SOURCE, useClass: MusicService }
  ]
})
export class MusicComponent {
  constructor(private downloadService: DownloadService) {}

  handleDownload() {
    this.downloadService.onDownload();
  }
}

优点：DownloadService完全解耦于具体服务，组件可以灵活替换数据源，适合需要在不同组件中复用DownloadService但使用不同数据源的场景。

方案三：使用工厂模式动态获取数据源 #

如果需要根据不同的条件动态切换数据源，可以创建一个工厂类来管理：

1. 先定义数据源类型枚举：

export enum DataSourceType {
  Music,
  Movie,
  // 其他数据源类型
}

2. 创建数据源工厂：

import { Injectable, Injector } from '@angular/core';
import { DataSourceType } from './data-source-type.enum';
import { DownloadDataSource } from './download-data-source.interface';
import { MusicService } from './music.service';
import { MovieService } from './movie.service';

@Injectable({ providedIn: 'root' })
export class DataSourceFactory {
  constructor(private injector: Injector) {}

  getDataSource(type: DataSourceType): DownloadDataSource {
    switch(type) {
      case DataSourceType.Music:
        return this.injector.get(MusicService);
      case DataSourceType.Movie:
        return this.injector.get(MovieService);
      default:
        throw new Error('未知的数据源类型');
    }
  }
}

3. 修改DownloadService注入工厂：

import { Injectable } from '@angular/core';
import { DataSourceFactory } from './data-source.factory';
import { DataSourceType } from './data-source-type.enum';

@Injectable({ providedIn: 'root' })
export class DownloadService {
  constructor(private dataSourceFactory: DataSourceFactory) { }

  onDownload(sourceType: DataSourceType) {
    const dataSource = this.dataSourceFactory.getDataSource(sourceType);
    dataSource.getDownloadData().subscribe( (data) => {
      // 原有下载逻辑不变
      ...
    });
  }
}

4. 组件调用时指定类型：

handleDownload() {
  this.downloadService.onDownload(DataSourceType.Music);
}

优点：适合需要根据业务逻辑动态切换数据源的场景，比如用户选择不同类型的资源时切换对应的服务。

以上三种方案都能解决你的需求，你可以根据自己的业务场景选择最适合的一种。

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