赋值 Angular 2 中 Http 订阅方法返回的值

Assign value returned by Http subscribe method in Angular2

本文关键字：方法 返回 Angular Http 赋值      更新时间：2023-09-26

我在 Angular2 中调用我的网络服务时遇到问题。我的变量this.arc始终为空，因为函数get()是异步的，它在 Web 服务的响应之前直接返回变量。

我不知道如何处理这个问题。我看到了一些关于defer的信息，但我认为这不是最好的方法。

谢谢！

getArcs (lat,lng) {
    var url = "http://localhost:8081/api/v1/arcs?lat="+lat+"&lng="+lng;
    this.arcs = [];
    /*var options = new RequestOptions({
        headers: new Headers({
            'Content-Type': 'application/json;charset=UTF-8'
        })
    });*/
    this.http.get(url)
    .subscribe(
            (data: any) => {
                JSON.parse(data._body).forEach(arc => {
                    //console.log(new Arc(arc));
                    this.arcs.push(new Arc(arc)); //add arcs
                });
                console.log("send");
            },
            error => {
                console.log("error during http request");
            }
        );
    return this.arcs;
}

----编辑----

我认为问题出在函数的调用上： 

public getData (lat,lng) {
    var closedArc = this.arcService.getArcs(lat,lng);
    console.log(closedArc);
    //this.showArc(closedArc);
}

由于您的 getData() 函数中确实需要数据，您可以将订阅逻辑移动到那里，并让getArcs()返回一个 Observable。这是一个很好的做法 - 让服务返回可观察量，并在需要数据时订阅它们。

getArcs(lat, lng) {
  var url = "http://localhost:8081/api/v1/arcs?lat=" + lat + "&lng=" + lng;
  return this.http
    .get(url)
    .map(response => response.json()) // response has builtin method to parse json.
    .map(arc => {
      return new Arc(arc);
    })
}
public getData(lat, lng) {
  var closedArc;
  this.arcService
    .getArcs(lat, lng)
    .subscribe(
      arcs => closedArc = arcs, // success
      error => console.log("error during http request"), // error
      () => this.showArc(closedArc) // complete
    )
}
相关文章：