How to make an immutable header and footer of a website in angular2?

Question

Angular

Good afternoon! Please tell me if it is possible to do something in angular2 so that the header and footer do not change when switching between pages. As I understand it, you need to create a container component in which you can connect other components like this through selectors.
But I'm not sure, plus I couldn't find examples in Google.
I will be very grateful if you help!

Answer 1

So yes. Just a component. And there is an example, for example, in Angular2-seed
In it in app.html

<sd-navbar></sd-navbar>
<router-outlet></router-outlet>

and these are your pages