angular - 如何在函数中注入(inject)服务？

Question

假设我有一项服务 MyService

@Injectable({
  providedIn: 'root',
})
export class LookupsService {
  constructor(private readonly store: Store<never>) {}

}

如何在以下函数中注入(inject)它

export function convertToTreeNodes(
  orgs: OrganizationModel[],
  service: LookupsService
): OrganizationNodeInterface[] {
   //...
}

我收到一条错误消息 Lookup service was not provided感谢您的帮助

Answer 1

服务只能注入(inject)到由 Angular 维护生命周期的东西中。导出的普通函数没有生命周期，因此 Angular 无法注入(inject)任何依赖项。
你有几个选择:

将此函数转换为服务并注入(inject)查找服务。我更喜欢这个选项，因为它很干净。

第二种选择可能是在应用程序模块构造函数内的定位器服务中保存注入(inject)器的实例，并稍后使用它来获取服务。例如

    // app.module
    export class AppModule {
      constructor(private injector: Injector) {
        ServiceLocator.init(injector);
      }
    }
    
    // blah.ts
    export function blah() {
      ServiceLocator.get(LookupsService)
    }
    
    
    //service-locator.ts
    export class ServiceLocator {
      private injector: Injector;
      init(injector) {
        this.injector = injector;
      }
      get(klass) {
        return this.injector.get(klass);
      }
    }