Невозможно получить данные при создании httpClient.get в угловых 5

Question

Я пытаюсь сделать http.get, используя httpclient. Тем не менее, и я получаю

ReferenceError: данные не определены

Внутри моего класса компонентов при подписке на сервисный метод.

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

const httpOptions = {
  headers: new HttpHeaders()
    .set('Authorization', 'Bearer xxxxx')
    .set('Content-Type', 'application/json')
};


@Injectable()

export class SetsService {


  constructor(private http: HttpClient) { }




  getSet() {

    return this.http.get('http://localhost:1234/api/users', httpOptions);

  }
}

мой компонент

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Router } from '@angular/router';
import { SetsService } from '../services/sets.service';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'app-sets',
  templateUrl: './sets.component.html',
  styleUrls: ['./sets.component.scss']
})

export class SetsComponent implements OnInit {
  id: string = "";
  set: any = {};
  constructor(private route: ActivatedRoute, private router: Router, private _setsService: SetsService) {

    this.route.params.subscribe(res => this.id = res.id);
  }

  ngOnInit() {
    this.getSets();
  }

  getSets(){
    this._setsService.getSet().subscribe(
      (data) => { this.set = data },
      err => console.error(err),
      () => { console.log('done loading set') }
    );
  }}

Когда я смотрю на сеть, вызов API успешен и возвращает данные.

Внутри html я просто пытаюсь напечатать заданный объект.