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

Question

У меня угловой сайт, и я использовал тему html / css и применил эту тему для компонента приложения.

мой компонент приложения выглядит следующим образом (у меня есть вложенные компоненты, у меня много компонентов, но я поместил здесь только несколько)

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

Теперь мне нужно добавить участникаarea.

Я настроил маршрутизаторы как показано ниже

  {path: 'member-area',component:MemberAreaComponent}

Но для этого я не хочу иметь тему выше html / css для этой области членов. В приведенном выше примере это область членовКомпонент будет чуть ниже раздела.

мне нужно заменить вышеуказанные 3 компонента, не добавляя

Каков будет подход?Нужно ли удалять содержимое компонента приложения и использовать отдельный компонент для включения существующих компонентов?

Answer 1

Я нашел решение самостоятельно.Я создал новый компонент main и скопировал все, что у меня было, в компоненте приложения.

Затем я удалил все компоненты приложения и использовал только

и создал новый путь к маршрутизатору, как показано ниже

const routes: Routes = [
  {path: 'member-area',component:MemberAreaComponent},
  {path: '',component:MainComponent}
];