Angular项目中如何覆写主应用的模块、组件与服务？

问题核心在于复用的LoginComponent硬编码导入了main_app的Handler类，无论在哪个应用中使用，组件都会尝试注入这个具体实现，导致project_app中自定义的Handler无法被正确识别。以下是几种可行的解决方案：

方法1：使用抽象类+注入令牌（推荐） #

这种方式遵循依赖倒置原则，让组件依赖抽象而非具体实现，彻底解决跨应用的服务注入冲突。

1. 定义抽象基类
   在两个应用都能访问的共享目录（比如src/shared）创建抽象类，统一服务的方法签名：

// src/shared/abstract-handler.ts
export abstract class AbstractHandler {
  abstract handleOperation(): void; // 根据实际业务定义方法
}

2. 创建注入令牌
   同样在共享目录生成注入令牌，用于标识要注入的服务类型：

// src/shared/handler-token.ts
import { InjectionToken } from '@angular/core';
import { AbstractHandler } from './abstract-handler';

export const HANDLER_TOKEN = new InjectionToken<AbstractHandler>('AppHandler');

3. 改造main_app的服务与模块配置
   让main_app的Handler实现抽象类，并在模块中通过令牌提供：

// main_app/services/handler.ts
import { AbstractHandler } from '../../shared/abstract-handler';

export class Handler implements AbstractHandler {
  handleOperation() {
    // main_app的业务逻辑实现
  }
}

// main_app的核心模块
import { HANDLER_TOKEN } from '../../shared/handler-token';
import { Handler } from './services/handler';

@NgModule({
  // 其他导入/声明配置
  providers: [
    { provide: HANDLER_TOKEN, useClass: Handler }
  ]
})
export class MainCoreModule {}

4. 改造project_app的服务与模块配置
   同理，让project_app的Handler实现同一个抽象类，并配置模块提供：

// project_app/services/handler.ts
import { AbstractHandler } from '../../shared/abstract-handler';

export class Handler implements AbstractHandler {
  handleOperation() {
    // project_app的自定义业务逻辑
  }
}

// project_app的核心模块
import { HANDLER_TOKEN } from '../../shared/handler-token';
import { Handler } from './services/handler';

@NgModule({
  // 其他导入/声明配置
  providers: [
    { provide: HANDLER_TOKEN, useClass: Handler }
  ]
})
export class ProjectCoreModule {}

5. 修改LoginComponent的注入逻辑
   将组件中直接注入具体Handler改为通过令牌注入抽象类：

import { Component, OnInit, Inject } from '@angular/core';
import { HANDLER_TOKEN } from '../../shared/handler-token';
import { AbstractHandler } from '../../shared/abstract-handler';

@Component({
  templateUrl: 'login.component.html',
})
export class LoginComponent implements OnInit {
  constructor(
    @Inject(HANDLER_TOKEN) private handlerService: AbstractHandler
  ) {
    // 业务逻辑
  }
}

方法2：模块级别覆盖提供者（适合简单场景） #

如果LoginComponent属于某个共享模块，且两个应用的Handler类签名完全一致，可以在project_app的模块中直接覆盖提供者：

// project_app的主模块
import { SharedModule } from '../main_app/shared';
import { Handler } from './services/handler';

@NgModule({
  imports: [SharedModule],
  providers: [
    { provide: Handler, useClass: Handler } // 用project_app的Handler覆盖
  ]
})
export class ProjectAppModule {}

注意：这种方式依赖类的类型匹配，若后续main_app修改Handler的结构，project_app需同步调整，维护成本较高。

方法3：复制组件修改导入路径（不推荐） #

直接复制LoginComponent到project_app，修改其导入路径为project_app/services/handler。但这会导致代码重复，违背复用初衷，仅作为临时应急方案。

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