1.Search Form (which will have the Search Form and Google Map)
2.Search Results component
"Search Form" and "Search Results" are being developed as two different component because team wanted to re use the "Search Form"
The Ajax call to service goes out from Search From component, team has proposed the RxJS solution to dynamically communicate data between Search From and Search Results component. So, whenever there is new search RxJS has to dynamically update the Search Results component.
If any body has developed this kind of approach, can you advice on this.
There is only one page i.e "search page" where both components present, so on click of "Search" button user stays on same page but we would required to refresh always search results component , that's why we have to do Ajax call rather form submission.
So we have to add RxJS observer to trigger the change and refresh the search results component.