ブートストラップコンポーネントなしプロバイダ

Question

これは私のapp.moduleがどのように見えるかです：

@NgModule({ 
    imports:[BrowserModule,HttpModule,SharedModule.forRoot(),NavigationBarModule,routing,JsonpModule], 
    declarations: [RootComponent], 
    providers:[PopupManager], 
    bootstrap: [RootComponent] 
}) 
export class AppModule { } 

これは私の共有モジュールがどのように見えるかです：

@NgModule({ 
    imports: [CommonModule], 
    exports: [CommonModule,RouterModule,LoaderComponent], 
    declarations:[LoaderComponent] 
}) 
export class SharedModule { 
    static forRoot(): ModuleWithProviders { 
    return { 
     ngModule: SharedModule, 
     providers: [ AccountValues,PopupManager,Preferences,TimeFormatter,UserDataProvider], 
    }; 
    } 
} 

これは私がPopUpManagerがどのように見えるかです：

@Injectable() 
export class PopupManager{ 
    private activePopUpComp: HasAPopUp; 

    constructor(){ 
     console.log("PopupManager created"); 
    } 
} 

これは私のRootComponentの外観です。

@Component({ 
    selector : 'root', 
    templateUrl : 'Content/Angular2/Development/partials/root.html', 
    styleUrls:['Content/Angular2/Development/css/CommonStyle.css'] 
}) 

export class RootComponent{ 
    constructor(private popUpManager:PopupManager){ 

    } 
    handleClick():void{ 
     this.popUpManager.setActivePopUpComponent(undefined); 
    } 
} 

PopupManagerは共有モジュールによって提供されていますが、何らかの理由でこのコードを実行すると、PopupManagerのプロバイダがありません。 PopupManagerを明示的に指定したとしても、それはまだ機能しません。私はまた、このように私の共有モジュールを作成しようとしました：

まだ同じエラーが発生します。これはバグだと思う。ブートストラップされたコンポーネントには、どのプロバイダも注入できないバグだと思う。つまり、プロバイダを作成する前にRootComponentが作成されているということです。だから、もしバグではないなら、私は間違ってどこへ行くことができますか？

私は角度2のrc6を使用しています。

Answer 1

私は以下に示すように、あなたが）（静的forRoot内/下SharedModuleのをプロバイダを使うべきだと思います。これがあなたの問題を解決することを願っています。

@NgModule({ 
    imports:  [ CommonModule,.. ], 
    declarations: [LoaderComponent], 
    exports:  [ CommonModule,... ] 
}) 
export class SharedModule { 
    static forRoot(): ModuleWithProviders { 
    return { 
     ngModule: SharedModule, 
     providers: [ ...,PopupManager,...] //<-----declare providers here 
    }; 
    } 
}