Выпуск Angular 5 с именованным дочерним компонентом на выходе - PullRequest
Новая
       32

Выпуск Angular 5 с именованным дочерним компонентом на выходе

0 голосов
/ 26 апреля 2018

Большое спасибо за помощь mast3rd3mon по моему вопросу, но, к сожалению, безуспешно. Возможно, если я загружу схему того, что пытаюсь сделать, я смогу очистить свою проблему и уточнить, что я имею в виду.

Мой HTML-код app.component.html 

<div class="container-fluid">
  <router-outlet></router-outlet>
</div>
<div id="main-content" class="container-fluid">
  <router-outlet name="mainContentOutlet"></router-outlet>
  <!--<app-xsoccer-content></app-xsoccer-content>-->
</div>
<div id="divider" class="container-fluid">
  <div class="footer-divider"></div>
</div>
<div class="container-fluid">
  <app-xsoccer-footer></app-xsoccer-footer>
</div>

А вот моя таблица маршрутизации: 

const appRoutes: Routes = [
    { path: '', component: XsoccerHeaderComponent, children: [
        {path: '', component: BrowserMainMenuComponent},
        {path: 'home', component: BrowserHomeMenuComponent}
    ]},
    { path: '', component: XsoccerContentComponent, outlet: 'mainContentOutlet', children: [
        {path: '', component: WelcomeContentComponent, outlet: 'mainContentOutlet'},
        {path: 'home', component: HomeContentComponent, outlet: 'mainContentOutlet'},
    ]},
    {path: '**', component: PagenotfoundComponent}
  ];

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

введите описание изображения здесь

Еще раз спасибо.

...