Загрузка angular router-outlet перед компонентом заголовка, как предотвратить?

Как в app-component.html ниже. Компоненты router-outlet загружаются перед компонентом app-header. Как предотвратить загрузку компонентов маршрутизатора перед заголовком и нижним колонтитулом.

<!--The content below is only a placeholder and can be replaced.-->
<app-header *ngIf = "router.url !== '/login' && router.url !== '/register-user'"> 
</app-header>

<div>
    <router-outlet></router-outlet>
</div>

<app-footer *ngIf = "router.url !== '/login' && 
router.url !== '/register-user'"></app-footer>