how to map rxjs operators on observable returned from service in component

Question

export class AppComponent implements OnInit {

  movieList: Observable<any>;
  constructor(private AppService:AppService){

  }
  ngOnInit() {
      this.getMovies();
  }

  getMovies() {

    this.movieList = this.AppService.getMovies().map(movie => {
      return {
        name: movie.name
      }
    });


  this.movieList.subscribe(data => {
    debugger;
  })
  }
}

I want to perform Rxjs operations on observable this.movieList but Data in debugger returns undefined when i subscribe to this.movieList

getMovies(): Observable { return this.Http.get("assets/movies.json").map((data: any) => { return data.movieLists; }); } — Aakash Ohri, Oct 01 '17 at 05:31

score 0 · Answer 1 · answered Oct 01 '17 at 08:39

0

Problem is your getMovies returns a collection and in the map you are considering it as a single item. If you chage to this it should wotk

this.movieList = this.AppService.getMovies().map(movies => movies.map(movie => { return { name: movie.name } }));

answered Oct 01 '17 at 08:39

Deepak Sharma

1,873
10
23

how to map rxjs operators on observable returned from service in component

1 Answers1