Can't access response elements in Angular 2 http request

Asked Jun 09 '17 at 05:55

Active Jun 09 '17 at 07:01

Viewed 383 times

I have the code for interface

export interface Books {
  artists: any;
  tracks: any;
}

And I m using this interface in service for getting search results.

getBook(keyword): Observable<Books>{
   let headers = new Headers();
   this.createAuthorizationHeader(headers);
    return this._http.get('https://api.spotify.com/v1/search?q=' + keyword + '&type=track,artist', {
    headers: headers
   })
  .map((response: Response) => <Books> response.json());
}

After getting results I want to show this in the component

getBooks(value) {
  this._search.getBook(value)
  .subscribe(
  res => {
    this.books = res;
    this.artists = Object.assign({}, res.artists);
    console.log(this.artists);
  },
  error => { this.errMessage = <any>error }
  );
}

The response looks like

{
 href: "https://api.spotify.com/v1/search?query=muse&type=artist&market=US&offset=0&limit=20",
 items: [list of objects],
 limit: 20,
 total: 159,
}

In console.log(this.artists) I am getting the above object but when I am trying to access its items in console.log(this.artists.items); it gives me this error.

Property 'items' does not exist on type 'Object'

Any idea whats I am missing ???

edited Jun 09 '17 at 06:31

eko

39,722
10
72
98

asked Jun 09 '17 at 05:55

Ahmer Khan

can you please give the actual response object. I think there might be some issue with the response object. It may not be in the correct format. – biswajit-rout Jun 09 '17 at 05:59
Below the first console. console.log(this.artists); – Ahmer Khan Jun 09 '17 at 06:24
@echonax it prints Object. – Ahmer Khan Jun 09 '17 at 06:28
2

Maybe try `console.log((this.artists).items);`? The `artists` is defined as `any` in the interface. – KarateJB Jun 09 '17 at 06:29
Possible duplicate of [TypeScript any vs Object](https://stackoverflow.com/questions/18961203/typescript-any-vs-object) – eko Jun 09 '17 at 06:31
@echonax this error comes in console. – Ahmer Khan Jun 09 '17 at 06:31
@echonax yeah console.log((this.artists).items); this worked for me, thanks. – Ahmer Khan Jun 09 '17 at 06:32

Can't access response elements in Angular 2 http request

0 Answers0