How to make different search methods depending on the page?

I

iluxa18102019-05-14 09:21:33

Angular

iluxa1810, 2019-05-14 09:21:33

Let's say I have a fixed navigation menu at the top of the page and it has a search.
However, depending on the section of the site, the search must access its own APIs and have specific parameters.
For example, by users, you can check the box to filter by ban, search for movies by genre, etc. Or one search should display data in the dropdown menu, and the other should filter data in the component table.
Various search methods can be pulled through the advanced service. However, how can I throw in a different look for the search?

<Body>
<nav-menu></nav-menu>
<router-outlet></router-outlet>
</Body>