ANGULAR 4 - How to call a component in another, so that the page does not reload?

I have a certain problem, I would like to know the following: I have a product listing screen, for example, and I would like that when clicking on a register button, a modal appears on the screen with all the necessary form for the register. It would be very simple if the modal with the form were on the same component ... what happens is that the modal html code with the form is on a different component. What I should do is to call this modal, which is in another component, within that my other component that contains the listing of the products, so that the page does not recharge for that other component, just display its contents over the current one. It is possible? If so, how would I do that?