Angular. How to load a specific routing route with a specific pattern?

Question

Angular

I have all pages rendered according to the template

<app-header></app-header>
<router-outlet><router-outlet>
<app-footer></app-footer>

if the user follows the link `/login` , I draw the template as standard and it wedges in and the header and footer are drawn. I don't need them here and I can't get around it. I tried to add `*ngIf="header_is_visible"` type to the header and also to the footer, but this is a crutch. The page blinks and you can see how the header and footer are first drawn and then disappear.
How to connect a module with a login component that doesn't fit the standard template?