Угловая 7 дочерняя маршрутизация заменяет родительский компонент - PullRequest
Новая
       22

Угловая 7 дочерняя маршрутизация заменяет родительский компонент

0 голосов
/ 20 июня 2019

У меня есть маршруты, объявленные так: 

const appRoutes: Routes = [
  {
    path: '',
    component: AppComponent,
    children: [
      {
        path: 'elenco-interventi',
        component: InterventiComponent,
        children: [
          {
            path:'nuovo-intervento',
            component: NuovoInterventoComponent
          }
        ]
      },
    ]
  }
]

В AppComponent у меня просто есть <div> с <router-outlet> внутри, а компонент InterventiComponent правильно загружен по адресу /elenco-interventi.Затем я хочу, чтобы дочерние элементы NuovoInterventoComponent были найдены по адресу /elenco-interventi/nuovo-intervento, и он должен полностью заменить содержимое родительского компонента.
Как мне правильно использовать <router-outlet> в родительском компоненте, чтобы я могзаменить все содержимое родительской страницы, а также перезагрузить родительскую страницу и скрыть / не показать содержимое дочернего компонента, если я вернусь с маршрутизацией?
Пример: 

<div>
 <!--parent content-->
  <router-outlet></router-outlet> ==> when routing to children, just show children content
    and not children+parent content as I do now
</div>
...