Angular 2等到变量设置

Question

我需要通过http.get 获取变量的值（必须是异步的）：

@Injectable()
export class interaction{
private host: string="";
private port: string = "";
constructor(private http: Http) {

    this.http.get("/interaction.json").subscribe((data: Response) => {
        this.host = data.json().host;
        this.port = data.json().port;

    });  
}

由于数据是异步的，我无法通过以下方法访问它们：

interact(data:Request): Promise<Response>{       
    return this.http.post("http://" + this.host + ":" + this.port, data)
        .toPromise()
        .then(data => data.json() as Response)
        .catch(this.handleError);
}

所以，当我从另一个服务调用 interact() 时，host 和 port 是未定义的。 是否可以等待设置此变量，然后执行post 请求？我不想在interact() 中调用get，因为可以有很多函数使用这些变量。

如果有任何建议，我将不胜感激。

Answer 1

我认为一种方式是这样的：您可以创建一个主题并将其用作信使...：

@Injectable()
export class interaction{
private host: string="";
private port: string = "";
messenger$: Subject<boolean> = new Subject();
constructor(private http: Http) {

    this.http.get("/interaction.json").subscribe((data: Response) => {
        this.host = data.json().host;
        this.port = data.json().port;
        this.messenger$.next(true)
    });  
}

在交互内部（如果是另一个类，首先注入交互服务，然后）这样做：

interact(data:Request): Observable<any>{ 
    return this.messenger$ //or this.interaction.messenger$
        .switchMap(
            (bool: boolean)=>{
                if(bool){
                    return this.http.post("http://" + this.host + ":" + this.port, data)

                }
                else{
                    // return anything that would help your situation like: Observable.of(null)
                }
            }
        )
}

然后在结果上调用toPromise 或...