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 1400+ tech skills courses.