Part 4 Task 8

[khashashin]

Part 4 Task 8

[snychka]

Hello @khashashin ! This I believe is the proper way when using the newer rxjs and likely HttpClient.

Given the set up though, this won't work, as the map function here is part of the observable and not a function on its own you can pass into the pipe argument. Not only do the tests error out, but the site doesn't function. (You get, when you run the given Project set up a "map is undefined" error.)

Instead, you want to just use map as follows, as a method on the returned Observable:

    return this._http.get(this._albumUrl).map(response => <Album>response.json());

If you have any issues in Projects, please post in the Discussion tab for help (feel free to post here as well, but it's not monitored as frequently).

Happy coding!

[RobotCherries]

The above is true for the currently part 3 task 11

@ep-adam-hinder's solution worked:

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { map } from 'rxjs/operators';
import 'rxjs/add/operator/map';
import { Observable } from 'rxjs/Observable';
import { Album } from './album';

Also Important: you will have to declare your own Album interface as it is not to be found anywhere in the project.

  getAlbum(id: number): Observable<Album> {
    return this._http.get(this._albumUrl)
      .pipe(map(response => <Album>response.json()));
      .map(response => <Album>response.json());
  }

Please update the project's code, especially for beginners it is very bad to learn angular by using deprecated code.