Angular2 -注入@Injectable

Question

我有一个Angular2应用程序，它有一个service，用于从API中获取数据。按照这示例，我希望创建一个单独的文件，该文件应该包含一些配置数据。我的问题是，我的服务有一个@Injectable()装饰器，我不确定是否可以在元数据中传递一个provide数组，如本教程所示，在元数据中注入配置。任何遇到这样一个问题的人都欢迎分享他的解决方案:)

Answer 1

事实上，Angular2利用分层注入器和注入器连接到组件。简而言之，您只能在组件(providers属性)或应用程序级别(bootstrap函数)上定义提供程序。

关于服务，它们将能够使用对发起调用的组件可见的提供程序，但不能在其级别上定义提供程序。

以下是一个示例：

Application
     |
AppComponent
     |
ChildComponent
  getData()     --- Service1 --- Service2

在这种应用中，我们有三个注射器：

• 可以使用bootstrap函数的第二个参数配置的应用程序注入器
• 可以使用此组件的AppComponent属性配置的providers注入器。它可以“看到”在应用程序注入器中定义的元素。这意味着，如果在此提供程序中找不到提供程序，则将自动查找此父注入器。如果在后者中找不到，则会引发"provider not“错误。
• 将遵循与ChildComponent注射器相同的规则的AppComponent注入器。为了注入为组件执行的注入链中涉及的元素，将首先在这个注入器中查找提供者，然后在AppComponent中查找提供者，最后在应用程序中查找提供者。

这意味着当试图将Service1注入ChildComponent构造函数时，Angular2将查看ChildComponent注入器，然后查看AppComponent注入器，最后查看应用程序构造器。

由于Service2需要注入到Service1中，所以将进行相同的分辨率处理：ChildComponent注入器、AppComponent注入器和应用程序。

这意味着可以根据需要在每个级别指定Service1和Service2，使用组件的providers属性和应用程序注入器的bootstrap函数的第二个参数。

这个答案可以帮助你：

• 在角度2 (Beta)中将一个服务注入另一个服务的最佳方法是什么？

Answer 2

这是不支持的。对于服务，需要将提供程序添加到bootstrap(AppComponent, [..., Service, ServiceDependency1, ...])

另见https://github.com/angular/angular/issues/5622