角4/5 HttpClientカスタムサービス

Question

私はAngularでかなり新しいですが、私は非常に簡単なことをします（私はできません）...私は通信する '基本サービス'を作りたい私のAPIのバックエンドが、セットする前に、いくつかのもの（そうヘッダ、変数...と）...サービスは、APIと通信するために、この「基本サービス」を呼び出す必要があり、他のすべての...ここに私のコード：

import { Injectable } from '@angular/core'; 
import { HttpClient, HttpRequest, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http'; 
import { Observable } from 'rxjs/Rx'; 
import { responseModel } from '../models/response.model'; 

@Injectable() 
export class BaseService { 

    public headers: HttpHeaders; 

    constructor(private _http: HttpClient) { 
     this.headers = new HttpHeaders(); 
     this.headers.append('Accept', 'application/json, */*'); 
     this.headers.append('Content-Type', 'application/json;charset=UTF-8'); 
    } 

    private callBackEnd(relativeEndPoint: string,reqMethod: string, 
     reqParams?: HttpParams, objBody?: any): Observable<responseModel> { 

     const reqUrl = 'https://mypath/' + relativeEndPoint; 
     return this._http.request<responseModel>(reqMethod, reqUrl, 
      { 
       body: objBody, 
       headers: this.headers, 
       params: reqParams, 
       responseType: 'json', 
       withCredentials: true 
      } 
     ); 
    } 

    handleError(error: any): Observable<responseModel> { 
     const out: responseModel= { 
      error: !error.ok, 
      code: "10", 
      message: "no connection", 
      more_info: "info@cr", 
      response: {} 
     } 

     return Observable.create(observer => { 
      observer.next(out); 
      observer.complete(); 
     }); 
    } 
} 

それは非常に簡単です...「BaseService」のDIがありますここですべてのサービスが

/*IMPORT EVERYTHING*/ 

@Injectable() 
export class CustomService { 

    constructor(private _http: BaseService) { 

    } 

    examplefunction(): Observable<responseModel> 
    { 
     return this._http.callBackEnd('/user/', 'GET') 
     .map(
      response => { 
       console.log(JSON.stringify(response)); 
      return response; 
      } 
     ) 
    } 

} 

は、私は簡単なコンポーネントを作成して呼び出すことができます

import { Component, OnInit } from '@angular/core'; 
import { CustomService } from './CustomService.service'; 
import { responseBE } from '../global/models/response.model'; 

@Component({ 
    selector: 'app-simple', 
    templateUrl: './simple.component.html', 
    styleUrls: ['./simple.component.css'] 
}) 
export class SimpleComponent implements OnInit { 

    constructor(private _service: CustomService) { } 

    ngOnInit() { 

    this._service.examplefunction() 
     .map(res => { 
     console.log(res); 
     }); 
    } 

} 

が、何も動作します:(

任意のアイデア？

Answer 1

Observable Need Subscriptionを実行するには購読していないと思います。

this._service.examplefunction() 
    .subscribe(res => { 
    console.log(res); 
    });