Angular中@Injectable无providers时如何实现依赖倒置原则？

不用退回到@Component/@NgModule的providers数组“传统”方式，@Injectable(provideIn: 'root')完全可以实现依赖倒置，同时保留摇树优化的优势，以下是几种可行方案：

1. 直接在抽象类的@Injectable中指定实现类 #

给抽象类添加@Injectable装饰器，通过useClass直接关联具体实现类，根注入器会自动注册该依赖，支持摇树优化：

// 抽象服务
@Injectable({
  provideIn: 'root',
  useClass: UsersDataService // 将抽象类的实现指向UsersDataService
})
export abstract class BaseDataService {
  abstract fetchData(): Observable<any>;
}

// 具体实现类
@Injectable()
export class UsersDataService extends BaseDataService {
  fetchData(): Observable<any> {
    // 业务逻辑实现
    return of([]);
  }
}

使用时直接注入BaseDataService，Angular会自动提供UsersDataService的实例。

2. 通过useFactory实现动态依赖配置 #

如果需要更灵活的实例创建逻辑（比如依赖其他服务、根据环境切换实现），可以使用useFactory：

// 抽象服务
@Injectable({
  provideIn: 'root',
  useFactory: (http: HttpClient) => {
    // 可根据条件返回不同实现类实例
    return new UsersDataService(http);
  },
  deps: [HttpClient] // 声明工厂函数的依赖项
})
export abstract class BaseDataService {
  abstract fetchData(): Observable<any>;
}

// 具体实现类
export class UsersDataService extends BaseDataService {
  constructor(private http: HttpClient) {
    super();
  }

  fetchData(): Observable<any> {
    return this.http.get('/api/users');
  }
}

3. 组件/模块级别按需覆盖 #

如果需要在特定组件或模块中替换抽象类的实现，依然可以在对应组件/模块的providers数组中配置，这会覆盖根注入器的全局配置，同时不影响其他地方的摇树优化：

@Component({
  selector: 'app-admin',
  templateUrl: './admin.component.html',
  providers: [
    { provide: BaseDataService, useClass: AdminDataService } // 组件内替换为AdminDataService
  ]
})
export class AdminComponent {
  constructor(private dataService: BaseDataService) {}
}

总结：优先使用@Injectable(provideIn: 'root')结合useClass或useFactory实现全局依赖倒置，仅在需要局部替换实现时，再在组件/模块的providers中配置，这样既能遵循依赖倒置原则，又能保留摇树优化的好处。

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