Search⌘ K
Home
Courses
Mastering Mobile Application Development with Ionic

Rendering Movies

Explore how to implement a MovieComponent in Ionic using Angular, with integration of TheMovieDB API. Learn to display movie data, manage favorites, show cast and crew, and handle dynamic updates through custom services and Angular features.

We'll cover the following...

Let’s now turn our attention towards implementing the required logic and templating for the MovieComponent.

The MovieComponent

The MovieComponent will be responsible for the following tasks:

  • Displaying the data for the supplied movie (for example, title, image, and so on).
  • Subscribing to the MoviesListenerService to manage changes with movie data.
  • Saving a selected movie as a favorite.
  • Displaying cast and crew information for a selected movie.
  • Removing a movie from the display.

We’ll be making use of Angular’s @Input() module, Ionic’s ModalController module, and the following custom services we covered earlier:

  • FavouriteMoviesService
  • MoviesListenerService

We’ll also use the ...