Как я могу использовать два разных главных компонента в Angular

У меня есть app-component который запускает приложение в нем есть следующий код:

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

Мне нужно чтобы при роуте /admin открывался другой темплейт например admin-board.component.ts но уже с другой разметкой