Компонент с вложенным роутером на главной странице - PullRequest
Новая
       2

Компонент с вложенным роутером на главной странице

0 голосов
/ 07 апреля 2020

Мое приложение состоит из одной страницы, в которой есть компонент с внутренней маршрутизацией. Приложение имеет следующую структуру: 

    <app-header></app-header>
    <app-slider></app-slider>
    <router-outlet></router-outlet> (tabs component with inner routing)
    <app-footer></app-footer>

Я хочу сделать вкладки компонентом с внутренней розеткой маршрутизатора. Компонент Tabs выглядит следующим образом: 

    <div>
        Some menu staff with router links
    </div>
    <router-outlet></router-outlet>

Модуль приложения-маршрутизации: 

    const routes: Routes = [
    {
     path: '',
     component: AppComponent,
     children: [
         {
          path: '',
          component: TabsComponent,
          children: [
              { path: 'nominees', component: NomineesComponent },
              { path: 'vote', component: VoteComponent },
              { path: 'winners', component: WinnersComponent }
          ],
       },
     ],
   },
 ];

В этом случае маршрутизатор работает не так, как ожидалось, поскольку в каждой розетке маршрутизатора он загружает все страница и в браузере я вижу, что главная страница следует после главной страницы и только после этого вкладки расположены. Что я должен изменить в своем коде, чтобы он работал?

...