Angular2 - không đồng bộ phụ thuộc tiêm

Question

tôi sử dụng Angular2 v2.2.3

tôi đã tạo ra mô-đun chung với forRoot() chức năng, như thế này:

... 
    public static forRoot(): ModuleWithProviders { 
    return { 
     ngModule: CommonsModule, 
     providers: [ 
      SomeOtherDependency, 
      { 
       provide: ConfigService, 
       useFactory: ConfigFactory, 
       deps: [Http] 
      }     
     ] 
    }; 

Đây là ConfigFactory tôi:

export function ConfigFactory(http:Http):Promise<ConfigService> {  
    return http.get('confg/config.json').map(r => { 
     return new ConfigService(r); 
    }).toPromise(); 
} 

Tôi cũng đã cố gắng trả lại Lời hứa và Quan sát.

SomeOtherDependency được định nghĩa trong nhà cung cấp yêu cầu ConfigService. Vấn đề là Angular không bơm giá trị được giải quyết bằng lời hứa nhưng tự hứa.

Làm thế nào tôi có thể buộc góc để chờ cho đến khi lời hứa được giải quyết với sự phụ thuộc phù hợp và chỉ sau đó tiêm nó vào các phụ thuộc khác?

Tôi đã thử các cách tiếp cận khác nhau và giá trị luôn được tiêm là hứa hẹn hoặc có thể quan sát được. Cũng giống như iniector bỏ qua những gì loại nhà máy trở lại. Tôi cần tải một số tệp json trước khi toàn bộ ứng dụng bắt đầu

Answer 1

Tôi đã tìm thấy sự cố.

Tôi đã trả lại lời hứa từ nhà máy của mình khi tôi cần trả lại hàm thay thế. Ngoài ra tôi đã bỏ lỡ "đa" đối số từ phần nhà cung cấp. Đây được cập nhật nhà máy hoạt động với APP_INITIALIZER:

export function ConfigFactory(config:ConfigService, http:Http):Function { 
    return() => config.load(http); 
} 

Và trong mô-đun:

providers: [ 
    ConfigService, 
    { 
     provide: APP_INITIALIZER, 
     useFactory: ConfigFactory, 
     deps: [ConfigService, Http], 
     multi: true 
    }, 
]