javascript - 如何在 Angular 2/4 中返回来自响应而不是订阅 json 的数据

Question

我的服务:

fetchData(url,request)
  {
    return this.http.post(this.apiUrl+url,request).subscribe(
        (response) => {return response.json()}
    );
  }

我的组件:

ngOnInit()
    {
        this.response = this.dataService.fetchData('friends/grow_network',{});
        console.log('s ',this.response);
    }

如果我在服务中控制 response.json() 它会显示来自 api 的正确数据，但如果我在组件中控制它会显示如下:

Subscriber {closed: false, _parent: null, _parents: null, _subscriptions: Array(1), syncErrorValue: null…}

如何在组件中获取来自 api 而不是订阅者数据的数据？

Answer 1

按照您的方式进行时，您在变量“响应”中写入可观察对象而不是结果。调用方法时还没有结果值，因为它将是异步的。

要获得你想要的，你必须执行以下操作:

fetchData(url,request)
  {
    return this.http.post(this.apiUrl+url,request).map(
        (response) => {return response.json()}
    );
  }

ngOnInit()
    {
        this.response = this.dataService.fetchData('friends/grow_network',{})
                         .subscribe(result => {
                           this.response = result;
                           console.log('s ',this.response);
                         });

    }