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 {}