Angular2没有提供服务 - 外部模块

Question

我建立了一个角Module有它自己的服务和组件：

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

而且FileService：

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

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

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

然后我将它导入到我的AppModule：

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

当我注入FileService到AppComponent我得到一个错误：

错误AppComponent：无提供的FileService

从角文档：

When we import a module, Angular adds the module's service providers (the contents of its providers list) to the application root injector.

This makes the provider visible to every class in the application that knows the provider's lookup token.

我缺少什么，使这项工作？

Answer 1

我认为你尝试在AppComponent级别使用FileService。如果你这样做，你应该添加FileService到AppModule的提供者或者在FileModule级别使用FileService。

可能的话，你忘了@Injectable（） anotation在你的FileService

Answer 2

我总是创造ForRoot方法时提供商都在玩，我NgModule：

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

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

然后，您可以使用此在您的AppModule：

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