Как я могу делать, чтобы использовать компонент в новой закладке?

Я имею я app.component.html таким образом:

<router-outlet>
    <app-nav-bar> </app-nav-bar>
    <app-slider> </app-slider>
    <app-body> </app-body>
    <app-asesores> </app-asesores>
    <app-emprendimiento> </app-emprendimiento>
    <app-aliados> </app-aliados>
    <app-footer> </app-footer> 
</router-outlet>

У меня есть ссылка этой формы:

<div class="mr-2"> <a [routerLink]="['/franquiciaSea']" target="_blank" >Franquicia Sea</a> </div>

Уже я сделал импорт модуля Router и все то, во что я нуждаюсь в app.component.ts и я добавил такой маршрут:

const appRoutes: Routes = [
  { path: 'franquiciaSea', component: FranquiciaSeaComponent }

];

То, что я хочу сделать, состоит, в том, чтобы нажав на ссылку, мне открылась новая закладка с только контентом компонентом FranquiciaSea, в настоящее время то, что он делает, состоит в том, чтобы загружать все то, что в app.component.html и в конце концов добавь компонент franquiciaSea. Как он мог бы делать это?