Angular2：レイジーローディングコンポーネントと注射器をシングルトンとして

Question

loadChildren（遅延ロードコンポーネント）を使用して、シングルトンローディングコンポーネントとして@Injectableを提供することはありますか？

もしそうでない場合は、入手する方法はありますか？

私はthis postを求めています。それによれば、サブモジュールとしてシングルトンとして@Injectableを注入することはできません。

私はシングルトンとして@Injectable AppStateを注入しようとしている：私はproviderとしてAppModuleの上に設定した

@Injectable() 
export class AppState { 
    public user: string; 

    constructor() { 

    } 
... 

：

// Application wide providers 
const APP_PROVIDERS = [ 
    AppState 
]; 

@NgModule({ 
    bootstrap: [ App ], 
    declarations: [ 
    App, 
    ErrorComponent 
    ], 
    imports: [ // import Angular's modules 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    RouterModule.forRoot(ROUTES, { useHash: true }) 
    ], 
    providers: [ 
    APP_PROVIDERS 
    ] 
}) 
export class AppModule { 
    constructor(public appRef: ApplicationRef, public appState: AppState) {} 
} 

だから、私はまた"submodule"を作成しました：

@NgModule({ 
    //... 
    providers: [ AppState ] 
}) 
export default class LoginModule { 

オンLoginComponent私は：

それでも

export class Login implements OnInit { 

    constructor(private appState: AppState) {} 

    public doLogin():void { 
     this.appState.user = this.form.value.mail; 
    } 
} 

、Profileという名前の別のコンポーネントに、this.appState.userが定義されていないようです。

@NgModule({ 
    //... 
    providers: [ AppState ] 
}) 
export default class ProfileModule { /... } 

@Component({ 
    //... 
}) 
export class Profile implements OnInit { 

    constructor(private appState: AppState) { 

    } 

    ngOnInit():void { 
    this.user = this.appState.user; <<<<<<<<<<<<< it's undefined 
    } 
} 

なぜthis.appState.userが別のコンポーネントで前もって設定されているのですか？

Answer 1

この投稿はあなたが知る必要があるすべてを説明しています。遅延読み込みモジュールで宣言されたサービスは、そのモジュールのシングルトンのみになります。ルートモジュールにロードされたサービスは、遅延ロードされたモジュールを含めて、アプリケーション全体でシングルトンになります。

Answer 2

すべて@Injectable()サービスはシングルトンです。コンポーネントの読み込みは、サービスではなくルータの仕事です。