如何在 Angular 中使用 DI 为给定类提供实现？

问题描述

假设我有 2 个模块，分别称为 A 和 B。

假设我有这门课。它并不真正“属于”任何模块，因为它是一个普通的 Typescript 类而不是 Injectable.

class Greeter {
  constructor(private greeting: string) {}

  greet(name: string) {
    console.log(`${greeting},${name}!`);
  }
}

酷。然后，假设模块 A 导出一个注入 Greeter 实例的组件。

@Component({ ... })
class GreetingComponent {
  name: string;

  constructor(private greeter: Greeter) {}

  greet() { this.greeter.greet() }
}

不错。现在假设模块 B 有一个扩展 Greeter 类的服务。模块 B 导入模块 A。

@Injectable({
  providedIn: 'root'
})
class GentleGreeterService extends Greeter {
  constructor() {
    super('Hello');
  }

  greet(name: string) {
    super.greet(name);
    console.log('How are you doing?');
  }
}

酷。现在，每当我在模块 B 中使用 GreetingComponent 时，我都希望注入一个 GentleGreeterService 实例。但是，我根本没有得到任何实例，而是 NullInjectorError: No provider for Greeter。我该如何解决这个问题？

解决方法

您应该在官方文档中阅读有关 providers 的内容 - 我相信他们会比我解释得更好。

长话短说 - 您只有 GentleGreeterService 的提供程序，但没有 Greeter 的提供程序。您可以添加一个提供程序（即在模块级别，也可以在组件级别），该提供程序将提供 Greeter 但使用其他类（或以其他方式解析它，例如使用工厂）：

providers: [{provide: Greeter,useClass: GentleGreeterService}]

angular angular angular-dependency-injection