부트 스트랩 비동기 초기화가 필요한 제공 업체의 앵귤러 2 앱

Question

저는 Angular 2 앱 구성을 앱이 부트 스트랩 될 때로드되는 별도의 config.json 파일에 보관하고 싶습니다.

ConfigService를 통해 구성 데이터를 제공 할 계획입니다. 그러나 다른 구성 요소가 요청하기 전에 파일에서 데이터를 가져와야합니다.

내 응용 프로그램은 현재 다음과 같이 부트 스트랩 :

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppComponent, routes } from './app'; 
... 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    routes 
    ], 
    declarations: [ 
    AppComponent 
    ], 
    [ 
    ConfigService, 
    ... 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {} 

platformBrowserDynamic().bootstrapModule(AppModule) 

그래서 나는 응용 프로그램이 부트 스트랩 전에 ConfigService init을하는 방법을 방법을 찾고 있어요. 또는 앱이 부트 스트랩 될 때 초기화하고로드가 완료 될 때까지 대기 상태로 만듭니다.

Answer 1

에 따라 높은 수준의 수도 작품 :

1. 는 ngOnInit()에 ConfigService를 호출 템플릿

   <div *ngIf="ready"> 
       <app-component></app-component> 
   </div> 
   

2. ShellComponent 다음 한 이는 ShellComponent 내에서 현재 응용 프로그램을 감 쌉니다. 콜백에서 ConfigService이 config를 반환하면 ready에서 true으로 설정하십시오.

대신 부트 스트랩 AppComponent의

, 당신은 ShellComponent 부트 스트랩.