httpclient angular

gistfile1.txt

rest.service.ts 

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

@Injectable({
  providedIn: 'root'
})
export class RestService {
  XKCD_URL = 'https://xkcd.com';
  constructor(private httpClient: HttpClient) { }

  getCurrentXKCD() {
    return this.httpClient.get(`${this.XKCD_URL}/info.0.json`);
  }
}

comic.component.ts

import { Component, OnInit } from '@angular/core';
import { RestService } from '../rest.service';

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

  private comic = [];
  constructor(private restService: RestService) { }

  ngOnInit() {
    this.getCurrentXKCD();
  }
  public getCurrentXKCD() {
    this.restService.getCurrentXKCD().subscribe((data: any[]) => {
      this.comic = data;
      console.log(this.comic);
    });
  }
}

// don't forget the modules