Solution for pages loaded into an ion-scroll

My client wants a side by side view with a list on the left and a form on the right. They also want to load the same form in a modal window when the app runs on a smaller form factor. I have it working by creating a component that contains the form and rendering that inside an ion-scroll component, but I don’t want to have duplicate code to display the modal. Ideally I would like to be able to load a page into an ion-scroll and that would be it, but it is not possible as far as I know. If I try and use a component that contains another ion-content and load it into a page that already contains an ion-content, it does not render correctly.

Anybody got a solution for this?

I can create a component that just contains the form and host it in both the ion-scroll and inside another page that is the modal form with it’s own ion-content, but it does not seem like a clean solution.