如何在 Angular 2 中编写服务答案

【问题标题】：How to write service in angular 2如何在 Angular 2 中编写服务
【发布时间】：2017-12-29 04:12:58
【问题描述】：

我的组件：

getDetailsByPhone(phone: any) {
        this.phoneSearchDetails = this.appService.manageHttp('get', 'search?number='+phone, '');
 }

我的服务：

manageHttp(method: any, url: any, body: any) {
    this.headers = this.config.setHeaders();
    var urlto = this.config.serverUrl +''+url;

    return  this.http.get(urlto,{ headers: this.headers }).map((response: Response) => {
            return response.json();
        });
}

使用此代码，我无法看到网络中的响应。我不确定出了什么问题，也没有在控制台中看到任何错误。任何人都可以建议帮助。谢谢。

【问题讨论】：

Angular 2 http get not getting的可能重复

标签： angular angular-services angular-http angular-components

【解决方案1】：

您必须订阅 observable，否则它不会触发，因为它是惰性的：

this.appService.manageHttp('get', 'search?number='+phone, '').subscribe((res) => {

  this.phoneSearchDetails = res;

  console.log(res);
}, (err) => {
  // handle error
});

正如您所见，我在 subscribe 的回调中分配了 phoneSearchDetails 的值，因为您无法从 subscribe 返回任何内容。

【讨论】：