Angular模块中如何配置服务提供者实现核心服务单实例共享？

核心配置思路 #

要实现你的需求，关键是通过useExisting提供者配置让QueryService、QuerBodyService、QueryInfoService共享同一个实例，同时让子类服务DataCrudQueryService和DataPivotService依赖这个单例来共享查询信息。

先明确几个关键提供者配置的作用：

• useClass：指定注入时创建对应类的实例（默认行为）。
• useExisting：复用已注册的另一个提供者的实例，确保不同服务类型注入时拿到同一个对象。

具体配置步骤 #

1. 基础单例配置（推荐用providedIn: 'root'） #

先给QueryService添加根单例装饰器，确保它本身是全局唯一实例：

import { Injectable } from '@angular/core';
import { QuerBodyService } from './quer-body.service';

@Injectable({
  providedIn: 'root' // 自动注册为根模块单例
})
export class QueryService extends QuerBodyService {
  // 你的服务逻辑
}

2. 模块中配置父类服务的实例复用 #

在你的功能模块（或根模块）的providers数组中，让QuerBodyService和QueryInfoService复用QueryService的实例：

import { NgModule } from '@angular/core';
import { QueryService } from './query.service';
import { QuerBodyService } from './quer-body.service';
import { QueryInfoService } from './query-info.service';
import { DataCrudQueryService } from './data-crud-query.service';
import { DataPivotService } from './data-pivot.service';

@NgModule({
  // ... 其他模块配置
  providers: [
    // 注入QuerBodyService时，返回QueryService的单例
    { provide: QuerBodyService, useExisting: QueryService },
    // 注入QueryInfoService时，同样返回QueryService的单例
    { provide: QueryInfoService, useExisting: QueryService },
    // 配置子类服务为单例，它们会依赖上面的共享实例
    { provide: DataCrudQueryService, useClass: DataCrudQueryService },
    { provide: DataPivotService, useClass: DataPivotService }
  ]
})
export class YourFeatureModule { }

3. 子类服务的构造函数写法 #

确保DataCrudQueryService和DataPivotService的构造函数注入父类服务（此时注入的是共享的QueryService实例）：

// DataCrudQueryService示例
import { Injectable } from '@angular/core';
import { QueryService } from './query.service';

@Injectable()
export class DataCrudQueryService extends QueryService {
  constructor(queryService: QueryService) {
    super(queryService); // 传递共享实例给父类构造函数
  }

  // 你的子类逻辑
}

// DataPivotService示例
import { Injectable } from '@angular/core';
import { QuerBodyService } from './quer-body.service';

@Injectable()
export class DataPivotService extends QuerBodyService {
  constructor(querBodyService: QuerBodyService) {
    super(querBodyService); // 这里拿到的是QueryService的单例
  }

  // 你的子类逻辑
}

配置原理说明 #

• QueryService通过providedIn: 'root'成为全局单例，所有依赖它的地方都会拿到同一个实例。
• useExisting配置让QuerBodyService和QueryInfoService的注入请求都指向QueryService的实例，确保这三个服务类型的注入结果完全一致，满足“单实例”要求。
• DataCrudQueryService和DataPivotService作为单例，它们的父类依赖都是同一个QueryService实例，因此自然能共享查询信息。

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