Displaying component with @Input in another component's router-outlet

Question

I wanted to know if you guys know a way to display components that take a @Input directive inside of a router-outlet.

I have several components that takes in @Inputs and I would like to display these components dynamically in one component. I would like to design this one component container to be as abstract as possible, so it would be reusable and extendable in the future.

I'm trying to achieve something like

big-container.component has

<router-outlet name='container1'></router-outlet>

in which links to container1.component which contains

<container1 [settings]=mySettings></container1>

I would like to get container1.component to display in big-container.component's router-outlet with the [settings].

Thank you!

Answer 1

As this POST states it is currently not possible.

Here is the linked issue on Github

Use a shared service to communicate with components added by the router. For details see https://angular.io/docs/ts/latest/cookbook/component-communication.html