используя нескольков угловых 7 - PullRequest
Новая
       13

используя нескольков угловых 7

0 голосов
/ 18 декабря 2018

Я пытаюсь настроить мои маршруты, как показано ниже:

'' => страница макета 'home => home' здесь есть другой маршрутизатор-выходпереключение представлений 'details /: id' child of / home, будет отображено вторым маршрутизатором-выходом

My routing-module.ts 

    [
    {
      path: '',
      redirectTo: 'home',
      pathMatch: 'full'
    },
    {
      path: 'home',
      component: HomeComponent,
      children: [

        {
          path: 'home/details/:id',
          component: ContactDetailsComponent,
          outlet: 'out2'
        },
       }
     ];

Parent-component.html 

    <some-tags></some-tags>

<router-outlet></router-outlet>

Home-component.html 

 <main class="d-flex">
  <app-contact-list></app-contact-list>
  <router-outlet name="out2"></router-outlet>
</main>

Чего мне здесь не хватает?Заранее спасибо:)

1 Ответ

0 голосов
/ 18 декабря 2018

понял это

Поскольку у меня есть все компоненты в одном модуле, то есть все мои компоненты являются родственными, поэтому мне не нужно добавлять другой с именем <router-outlet>это может быть сделано одним <router-outlet>.

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

Пересмотренные маршруты 

   const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent, children: [
      { path: ':id/details', component: Component2 },
      { path: ':id/update', component: Component3 },
      { path: 'add', component: Component4 },
    ] },
];
...