title: Problem with displaying data from api in Angular 6
body: <p>In my app I am calling the iTunes api and when I log the response it is coming back with [object object]. I know it must be to do with the array structure of the api. I have a service being injected into a component as follows: BTW I have a proxy.conf.json file for the api.</p>
  
  <p><strong>service.ts</strong></p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { HttpClient, HttpEventType, HttpHeaders, HttpRequest, HttpResponse, HttpErrorResponse } from '@angular/common/http';
  import { Observable, of, throwError } from 'rxjs';
  import { catchError, retry } from 'rxjs/operators';
  
  
  @Injectable({
    providedIn: 'root'
  })
  export class ApiService {
  
    api: string = 'api';
  
    constructor(
      private http: HttpClient,
    ) { }
  
    getAll(): Observable&lt;any&gt; {
      return this.http.get&lt;any&gt;(this.api)
        .pipe(
          catchError(this.handleError)
        );
    }
    private handleError(error: HttpErrorResponse) {
      if (error.error instanceof ErrorEvent) {
        console.log(error.error.message)
  
      } else {
        console.log(error.status)
      }
      return throwError(
        console.log('Something is wrong!'));
    };
  }
  </code></pre>
  
  <p><strong>component.ts</strong></p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { HttpClient, HttpEventType, HttpHeaders, HttpRequest, HttpResponse } from '@angular/common/http';
  import { ApiService } from '../../../services/api.service';
  
  
  @Component({
    selector: 'app-content',
    templateUrl: './content.component.html',
    styleUrls: ['./content.component.scss']
  })
  export class ContentComponent implements OnInit {
  
    public results = [];
  
    constructor(private service: ApiService) { }
    private http: HttpClient
    ngOnInit() {
      this.getApi();
    }
  
    private getApi() {
      this.service.getAll().subscribe((results) =&gt; {
        console.log('JSON Response = ' + results);
      })
    }
  }
  </code></pre>
  
  <p><strong>Api structure</strong></p>
  
  <pre><code>{ 
     "resultCount":50,
     "results":[ 
        { 
           "wrapperType":"track",
           "kind":"song",
           "artistId":271256
        },
     ]
  }
  </code></pre>
  
  <p>Any ideas?</p>