从 Angular 2 中的同级模块导入提供程序

Question

我的 Angular 2 项目中有以下模块结构：

  app
   |-module1
   |-module2
        |-component2-1
        |-component2-2
        |-factories

factory 模块有几个提供者，定义如下：

@NgModule({
    providers: [                               
        { provide: Class1,          
          useFactory: Class1Factory,
          deps: [SameModuleDependency],          
          multi: true                       
        },
        { provide: Class2,
          useFactory: Class2Factory
        }
    ]
})

export function Class1Factory(): Class1 { ... }

export function Class2Factory(): Class2 { ... }

假设我想让这些工厂提供程序可用于模块 2 中的组件 2-1 和 2-2。我应该如何在模块 2 的模块定义中导入它们？我还没有找到这些例子。

我猜如果我单独导出每个提供程序，执行以下操作：

Class1Provider: Provider = {provide: Class1, useFactory: ... }
Class2Provider: Provider = {provide: Class2, useFactory: ....}

然后在 module2 定义中我可以声明它们：

import { Class1Provider, Class2Provider } ....

@NgModule({

  providers: [Class1Provider, Class2Provider]

})

但是，我还没有找到一种方法来完成这项工作（导出实例，而不是类定义）

此外，我希望有几个提供程序，但并非所有同级组件都使用它们，所以我不希望单独导出/导入每个。

额外问题：如果我想让它在 module1 的组件中可用怎么办？

Answer 1

如果您只在这样的模块中定义提供程序：

@NgModule({
    providers: [                               
        { provide: Class1,          
          useFactory: Class1Factory,
          deps: [SameModuleDependency],          
          multi: true                       
        },
        { provide: Class2,
          useFactory: Class2Factory
        }
    ]
})
export class FactoriesModule {}

将FactoriesModule 导入根模块就足够了：

@NgModule({
  imports: [
    BrowserModule,
    FactoryModule   <---------------------
  ],
  ...
})
export class AppModule { }

因此组件将能够使用相关令牌注入提供者：

class MyComponent {
    constructor(service: Class1) {}

这是因为来自所有模块的提供程序在编译期间被合并。

See this demo.

我强烈建议阅读：Avoiding common confusions with modules in Angular 解释细节的文章