Angular中如何为每个Application实例创建独立WorkerService？

你的需求很明确：要给每个异步获取的Application实例分配独立的WorkerService，同时不想让ApplicationService和WorkerService产生耦合——当前方案里ApplicationService必须注入WorkerService才能创建Application，确实会导致不必要的依赖，不利于后续维护和测试。

我来给你梳理一个更合理的实现思路，核心是用工厂模式把实例化逻辑从ApplicationService中剥离，彻底解耦两个服务：

第一步：改造WorkerService，支持初始化数据 #

首先调整WorkerService，让它可以接收当前Application的workers数据进行初始化，同时保持每个实例的独立性：

@Injectable({ providedIn: 'root' })
export class WorkerService {
  private workersSubject = new BehaviorSubject<any[]>([]);
  // 暴露可观察对象供模板订阅
  workers$ = this.workersSubject.asObservable();

  // 新增初始化方法，传入当前应用的workers数据
  initialize(workers: any[]) {
    this.workersSubject.next(workers);
  }

  get() {
    return this.workers$;
  }
}

第二步：创建ApplicationFactory封装实例化逻辑 #

专门写一个工厂类来负责创建Application和对应的独立WorkerService实例，这样ApplicationService就不用直接接触WorkerService了：

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

  createApplication(rawApplication: any): Application {
    // 通过Injector获取WorkerService的新实例（Angular会为我们创建独立实例）
    const workerService = this.injector.get(WorkerService);
    // 用当前Application的workers数据初始化这个WorkerService
    workerService.initialize(rawApplication.workers);
    // 返回封装好的Application实例
    return new Application(rawApplication, workerService);
  }
}

第三步：简化Application类 #

调整Application类，让它只负责持有自己的数据和WorkerService实例，逻辑更清晰：

export class Application {
  constructor(public rawData: any, private workerService: WorkerService) {}

  getWorkers() {
    return this.workerService.get();
  }
}

第四步：修改ApplicationService，移除WorkerService依赖 #

现在ApplicationService只需要注入ApplicationFactory，用它来转换后端返回的原始数据：

@Injectable({ providedIn: 'root' })
export class ApplicationService {
  constructor(private applicationFactory: ApplicationFactory) {}

  loadApplications(): Observable<Application[]> {
    return request.get('/api/applications').pipe(
      map(rawApplications => 
        rawApplications.map(app => this.applicationFactory.createApplication(app))
      )
    );
  }
}

模板用法保持不变 #

你原来的模板写法完全可以继续用，只需要注意getWorkers()返回的是Observable，所以要加async管道：

<div *ngFor="let application of (applicationService.loadApplications() | async)">
  <div *ngFor="let worker of (application.getWorkers() | async)">
    {{ worker.name }}
  </div>
</div>

为什么这个方案更好？ #

• 彻底解耦：ApplicationService不再依赖WorkerService，两个服务各司其职，符合单一职责原则。
• 实例独立：每个Application都拥有自己的WorkerService实例，不会出现不同应用之间数据串扰的问题。
• 可扩展性强：后续如果要修改Application的实例化逻辑（比如新增其他依赖），只需要调整工厂类即可，不用动业务服务。

如果你的WorkerService不需要依赖其他Angular服务，也可以直接在工厂里new WorkerService()来创建实例，不过用Injector的方式更符合Angular的依赖注入规范，方便后续扩展。

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