Jak znaleźć element tablicy przez id z Obserwowalne w Angular2

Question

Postanowiłem użyć Observable zamiast obietnic Http.

To jest jak mój serwis obietnica wyglądało:

export class MovieService { 

    movies: Movie[] 
    movie: Movie; 
    constructor(private http:Http) { } 

    getMovies(): Promise<Movie[]>{ 

     return this.http.get('http://api.request.com') 
      .toPromise() 
      .then((res:Response) => res.json()['results']) 

    } 
    getMovie(id: number): Promise<Movie> { 
     return this.getMovies() 
      .then(movies => movies.find(movie => movie.id == id)); 

    } 

} 

Najpierw pobrać tablicę filmów i niż ja znaleźć pewien film tablicy przez ID. Jednak gdy spróbuję zrobić to samo z Observable, otrzymuję powiadomienie o błędzie w sprawie find: Właściwość "find" nie istnieje w typie "Movie []".

Oto co próbowałem z usługą obserwowalnych:

export class MovieService { 

    movies: Movie[]; 
    movie: Movie; 

    constructor(private http: Http) { 
    } 

    getMovies(): Observable<Movie[]> { 

     return this.http.get('http://api.request.com) 
      .map((res: Response) => res.json()['results']); 
    } 

    getMovie(id: number): Observable<Movie> { 
     return this.getMovies() 
      .subscribe(movies => movies.find(movie => movie.id == id)); 
    } 
} 

jaki sposób można osiągnąć tę samą funkcjonalność w moim obserwowalnych usługi podobnie jak w mojej służbie obietnicy?

Answer 1

Przypuszczam, należy użyć map metodę zamiast subscribe która zwraca Subscription obiekt

export class MovieService { 
    movies: Movie[]; 
    movie: Movie; 

    constructor(private http: Http) {} 

    getMovies(): Observable<Movie[]> { 
    return this.http.get('http://api.request.com') 
     .map((res: Response) => res.json()['results']); 
    } 

    getMovie(id: number): Observable<Movie> { 
    return this.getMovies() 
     .map(movies => movies.find(movie => movie.id == id)); 
    } 
} 

Plunker Example