Angular如何替换CoreModule深层导入的OAuthModule中提供的指定服务

解决方案 #

你可以利用Angular依赖注入的注册优先级规则，无需修改源码直接覆盖深层模块的服务，具体操作如下：

方法：根模块直接声明覆盖

Angular根注入器的提供商遵循「后注册覆盖先注册」的规则，AppModule自身的providers注册顺序晚于所有导入模块（包括嵌套深层的子模块）的提供商，因此直接在AppModule的providers数组中重新声明你要替换的服务即可生效。

操作步骤：

1. 实现你的自定义服务，确保它符合原有服务的接口规范，可以继承原有服务类做逻辑修改，也可以完全重写实现同名接口。
   示例代码：

// custom-oauth.service.ts
import { Injectable } from '@angular/core';
// 引入你要替换的原有服务类
import { OAuthService } from 'angular-oauth2-oidc';

@Injectable()
export class CustomOAuthService extends OAuthService {
  // 重写你要替换的方法
  override init(): Promise<void> {
    // 你的自定义逻辑
    return super.init();
  }
}

2. 在AppModule的providers数组中添加同名服务的映射

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CoreModule } from '@abp/ng.core';
// 引入原有服务类和自定义服务类
import { OAuthService } from 'angular-oauth2-oidc';
import { CustomOAuthService } from './custom-oauth.service';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    // 保留原有CoreModule的导入逻辑
    CoreModule.forRoot({
      // 你的原有ABP配置
    })
  ],
  providers: [
    // 核心配置：用自定义服务替换原有服务
    {
      provide: OAuthService,
      useClass: CustomOAuthService
      // 也可以根据需求使用useValue/useFactory/useExisting
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

原理说明

你提到的OAuthModule.forRoot()是在RootCoreModule中导入的，forRoot()方法返回的提供商默认都会注册到根注入器中，而AppModule的providers是根注入器最后处理的注册项，会自动覆盖所有导入模块中注册的同令牌服务，不管模块嵌套层级有多深。该方案完全适配当前ABP框架的CoreModule导入OAuthModule的场景。

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