Angular2无服务提供商-外部模块

Question

我构建了一个Angular模块，它有自己的服务和组件：

@NgModule({
  declarations: [ FileUploader],
  exports: [ FileUploader ],
  imports: [ CommonModule ],
  providers: [ FileService ],
})
export class FilesModule { }

和文件服务：

import { Injectable } from '@angular/core';

@Injectable()
export class FileService
{
    constructor() {}

    uploadFile(file): Promise {
        return new Promise((resolve, reject) => {
            ...
        }
    }
}

然后我将其导入我的应用程序模块：

@NgModule({
  declarations: [ AppComponent ],
  entryComponents: [ AppComponent ],
  imports: [ FilesModule ]
})
export class AppModule { }

当我将文件服务注入应用程序组件时，出现错误：

应用程序组件中的错误：文件服务没有提供程序

来自Angular文档：

当我们导入模块时，Angular 会将模块的服务提供程序（其提供程序列表的内容）添加到应用程序根注入器中。

这使得应用程序中知道提供者的查找标记的每个类都可以看到提供者。

我做这件事缺少什么？

Answer 1

我认为您正在尝试在AppComponent级别使用文件服务。如果这样做，您应该将FileService添加到AppModule的提供程序中，或者在FileModule级别使用FileService。

可能，您忘记了文件服务中的@Injectable（）注释

Answer 2

当提供程序在我的< code>NgModule中运行时，我总是创建一个< code>ForRoot方法:

@NgModule({
  declarations: [FileUploader],
  exports: [FileUploader],
  imports: [CommonModule]
})
export class FilesModule {

  static forRoot(): ModuleWithProviders {
    return {
      ngModule: FilesModule,
      providers: [
        FileService
      ]
    }
  }
}

然后，您可以在应用模块中使用它：

@NgModule({
  declarations: [AppComponent],
  entryComponents: [AppComponent],
  imports: [FilesModule.forRoot()]
})
export class AppModule {}