Optimal way to work with router-outlet?

Question

Angular

Angular 4.

<h2>{{dynamicHeaderFromPage}}</h2>
<router-outlet>SomeContentFromDynamicPage</router-outlet>

We need h2 to be updated along with router-outlet changes. For example, the outlet might contain information about the character, while the h2 should contain the name of the character. What is the best way to implement this?

Answer 1

From the documentation, I think this is your case.

Answer 2

As for me, if there are components that are not hierarchically connected, then in order to exchange data between them, you need to use which thread the data bus. There are two options here - either the parent receives the data and shares it with the children through the bus, or the child does the same.
It's like no other way.

Answer 3

it is necessary to look towards subjectBehaviour from rx. well, don't mess with router-outlet