The Search Tab

Learn about the code that we will write for the movie search page.

The application page structure

As described earlier in this case study, our application utilizes the Tabs project interface and consists of the following pages:

  • Search
  • Saved
  • Favorites

So far, we have covered the development of the custom services and components that the application will use to deliver core functionality (such as rendering movie data, saving and retrieving favorited movies, and so on).

The search page

We’ll now focus on implementing the logic and templating for the first of our tabbed pages, the “Movie Search” page, which is the landing screen for our application.

The component logic

In the src/app/tab1/tab1.page.ts component class, we make the following amendments (highlighted):

Get hands-on with 1200+ tech skills courses.