Angular UI design options

I am very new to Angular and need some recommendations on how to design this use case.

Screen 1 - Provide multiple text boxes fr user to enter data

Screen 2 - Provide search results based on the data entered

Question 1- I was thinking to have 2 html components tied to the same component.ts file. Is this a good design to have? Or does it make sense to have 2 different components altogether.

Question 2- Is it possible to write a class like SearchCriteria which includes all the attributes to be included in the UI so that in future if the search criteria changes we have minimal changes or are there any well known design patterns within Angular to implement search.