如何将参数传递给Angular 服务

发布于11月03日

我的ANGLE应用程序中有一个服务，它的构造函数中需要两个依赖项:UntyedFormGroup和DestroyRef.目前，我正在将这些依赖项直接注入模块中的服务构造函数.

现在，我希望找到一种方法，将这些依赖项从组件提供给服务，而不是将它们注入组件的构造函数.

以下是我的简化服务:

@Injectable()
export class CalculateFieldsService {
  constructor(
    private jsonForm: UntypedFormGroup,
    private destroy: DestroyRef
  ) {
    // Service constructor
  }

  // Rest of the service code...
}

我如何才能传递这两个参数.从供应商或如何我可以？

我感谢任何关于如何有效地实现这一点的指导或例子.感谢您的帮助！

推荐答案

你可以使用Angular的Dependency Injection系统.您可以try 使用工厂函数来提供服务.

@Injectable()
export class CalculateFieldsService {
  constructor(
    private jsonForm: UntypedFormGroup,
    private destroy: DestroyRef
  ) {
    // Service constructor
  }

  // Rest of the service code...
}

export function CalculateFieldsServiceFactory(jsonForm: UntypedFormGroup, destroy: DestroyRef) {
  return new CalculateFieldsService(jsonForm, destroy);
}

在组件中，您可以配置组件修饰器中的提供程序，以使用工厂函数提供依赖项和服务.

import { Component, Injectable, Inject } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  providers: [
    {
      provide: CalculateFieldsService,
      useFactory: CalculateFieldsServiceFactory,
      deps: [UntypedFormGroup, DestroyRef]
    }
  ]
})
export class YourComponent {
  constructor(private calculateFieldsService: CalculateFieldsService) {
    // You can now use the service with the provided dependencies.
  }
}