Angular 2 - 服务在调用方法之前消耗其他服务

我有这样的场景。

后端.json

{
"devServer": "http://server1/'",
"proServer" : "http://server2/'",
"use" :  "devServer"
}

全局服务.ts

import {Injectable} from '@angular/core';
import {Http, HTTP_PROVIDERS, Response, RequestOptions, URLSearchParams} from '@angular/http';
@Injectable()
export class GlobalService {
constructor(private _http: Http){}
getBackendServer(){
    return this.server = this._http.get('./backend.json')
        .map((res:Response) => res.json())
}
}

我还有其他服务：search.service.ts

import {Injectable} from '@angular/core';
import {Http, HTTP_PROVIDERS, Response, RequestOptions, URLSearchParams} from '@angular/http';
import {GlobalService} from '../services/global.service';
import 'rxjs/add/operator/map';
@Injectable()
export class SearchService {
server;
constructor( private _http: Http, private gs: GlobalService ) {
    this.server = gs.getBackendServer().subscribe(
        (data) => {
            this.server = data[data.use];
        },
        (err) => {
            console.log(err);  
        }
    );
}
DoGeneralSearch(params:Search){
    console.log(this.server);
    let options = this.buildOptions(params);
    return this._http.get(this.server + 'room/search', options)
     .map((res:Response) => res.json())
} 
}

我想要做什么：看起来很明显：我想将有关后端服务器 URL 的信息保留在 JSON 文件中 - 并且全局服务应该返回服务器，以便可以在搜索服务的任何方法中使用它。

问题是：DoGeneralSearch() 方法在全局服务能够解决读取 JSON 文件并返回结果的任务之前执行。所以，我有一个 this.server = Subscriber {isUnsubscribed: false,syncErrorValue: null,syncErrorThrown: false,syncErrorThrowable: false, isStopped: false…} 而不是结果本身。

我需要找到一些如何防止 DoGeneralSearch 方法在解析 this.server 变量后立即执行。

有什么建议 ？

我认为您可以在应用程序启动时预加载此类提示。为此，您可以利用APP_INITIALIZER服务。应用程序将等待返回的承诺得到解决，然后才真正开始。

这是一个示例：

provide(APP_INITIALIZER, {
  useFactory: (service:GlobalService) => () => service.load(),
  deps:[GlobalService, HTTP_PROVIDERS], multi: true
})

The load方法想要这样的东西：

load():Promise<Site> {
  var promise = this.http.get('config.json').map(res => res.json()).toPromise();
  promise.then(config => this.devServer = config.devServer);
  return promise;
}

然后就可以直接使用devServer（同步）...

有关详细信息，请参阅 github 上的此问题：

• https://github.com/angular/angular/issues/9047 https://github.com/angular/angular/issues/9047